Show a cleaner design, with animations for feedback and hide unneeded elements.
SimpleTwitch by Wrynchas
Details
AuthorWrynchas
LicenseNo License
Categorytwitch.tv
Created
Updated
Size3.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
- More readable chat
- Channel avatar hidden*
- Gift/Bits panel hidden*
- Predictions hidden*
- Stream tags hidden*
- "LIVE" panel on avatar hidden*
- Featured Carousel hidden*
- Hide Viewer Count*
- Hype Train hidden*
- Modern avatars
- Channel list hover animation
*Can be enabled/disabled
Source code
/* ==UserStyle==
@name SimpleTwitch
@namespace github.com/openstyles/stylus
@version 1.0.0
@description More minimalistic style to Twitch
@author Wrynch
@preprocessor stylus
@var checkbox gift "Show Gift/Bits Chat Bar" 0
@var checkbox under1 "Show Channel Panels" 0
@var checkbox predict "Show Predictions" 0
@var checkbox tags "Show Stream Tags" 0
@var checkbox avatar "Show Streamer Avatar" 0
@var checkbox liveMsg "Show 'Live' panel on stream Avatar (requires avatar shown)" 0
@var checkbox featured "Show Featured Carousel" 0
@var checkbox hypeTrain "Show Hype Train" 0
@var checkbox viewerCount "Show Viewer Count" 1
==/UserStyle== */
@-moz-document domain("twitch.tv") {
/* Codeí... */
.jaGgya {
display: block;
if gift=="0" {
display: none !important;
}
}
.channel-panels {
display: block;
if under1=="0" {
display: none !important;
}
}
.front-page-carousel {
display: block;
if featured=="0" {
display: none !important;
}
}
.community-highlight-stack__backlog-card {
display: block;
if hypeTrain=="0" {
display: none !important;
}
}
.eiWnhl {
display: block;
if tags=="0" {
display: none !important;
}
}
.side-nav-card__live-status {
display: block;
if viewerCount=="0" {
display: none !important;
}
}
.ScPositionCorner-sc-1shjvnv-1 {
display: none;
}
.side-nav-card__avatar {
border-radius: 10px !important
}
.chat-room__content {
transform: scale(.95);
}
.chat-line__message {
background: #292626;
border: 5px solid #18181b;
border-radius: 12px;
margin-left: 1%;
margin-right: 1%
}
.ScCoreButtonPrimary-sc-ocjdkq-1 {
background: none;
border: 1px solid #8b4ed8;
}
.bTKXKk {
background: none !important;
border: 1px solid #8b4ed8;
}
.chat-line__message:hover {
background: #363232 !important;
border-radius: 8px !important;
transform: scale(1.1);
}
.tw-image-avatar {
border-radius: 6px !important;
}
.side-nav-card:hover {
transform: scale(1.1);
}
.user-avatar-card__live {
display: block;
if liveMsg=="0" {
display: none !important;
}
}
.Layout-sc-1xcs6mc-0 .elZcx {
display: block;
if avatar=="0" {
display: none !important;
}
}
.community-highlight-stack__card {
display: block;
if predict=="0" {
display: none !important;
}
}
.hrCKmD {
--color-accent: #FA292900;
}
.side-nav-section {
transform: scale(.95);
margin-top: -5%;
}
.followed-side-nav-header > button > div > div > p {
display: none
}
.followed-side-nav-header > button {
background: #35353b;
border-radius: 8px;
margin-left: 10px;
margin-right: 10px;
}
.followed-side-nav-header > button > div > div {
margin-top: 5px;
}
.hNxqXE .side-nav-section {
display: none;
}
.side-nav-card__link {
margin-top: 3%;
}
.tw-input--large {
background: none;
}
.tw-combo-input__button-icon--large {
background: none;
}
.Layout-sc-1xcs6mc-0 .hjmDKV {
background: none;
border: 1px solid #8b4ed8;
border-radius: 8px;
}
.ScBody-sc-mx5axi-3 {
display: none;
}
.kjqhqn {
display: table-row-group;
width: 7.2rem;
height: 7.2rem;
position: relative;
padding: 0.2rem;
border-width: 0rem;
border-radius: 12px;
background-color: rgba(255, 255, 255, 0);
border-style: unset;
}
}