twitch.tv CSS

newest-ttv-css

/* hides overlays - video player */
.passthrough-events {
display: none !important;
}

/* hides overlays - chat */
.new-chatter-ritual {
display: none !important;
}

/* hides "Leaderboards" chat overlay, at the top of the chat */
.channel-leaderboard {
display: none !important;
}

/* hides "Hype Train" chat overlay, at the top of the chat */
.simplebar-scroll-content.community-highlight-stack__scroll-area--disable {
display: none !important;
}

twitch.tv.css

/* changes all fonts - removes transition delay */
* {
font-family: sans-serif !important;
transition-delay: 0.0s !important;
transition-duration: 0.0s !important;
}

/* removes transition delay */
.tw-transition {
transition-delay: 0.0s !important;
transition-duration: 0.0s !important;
}

/* video player buttons */
.tw-root--theme-dark {
--color-background-button-icon-overlay-default: rgba(0, 0, 0, 0.5) !important;
--color-background-button-icon-overlay-hover: rgba(135, 55, 235, 1) !important;
}

/* center element - background color */
.tw-root--theme-dark body {
background: rgba(25, 25, 25, 1) !important;
}

/* changes chat font color */
.text-fragment {
color: rgba(245, 255, 255, 1) !important;
}

/* changes live viewer counter font looks */
.tw-c-text-live {
font-weight: bold !important;
color: rgba(255, 0, 155, 1) !important;
}

/* changes color of "LIVE" element */
.tw-channel-status-text-indicator {
background-color: rgba(255, 0, 155, 1) !important;
}

/* hides channel info, under video player */
.channel-panels {
display: none !important;
}

/* hides new prime loot button, top panel, crown */
.prime-offers {
display: none !important;
}

/* hides "Get Bits" button, top panel */
.tw-hide.tw-lg-flex {
display: none !important;
}

/* hides leaderboards, at the top of the chat */
.channel-leaderboard {
display: none !important;
}

/* top navigation bar */
.top-nav__menu {
background-color: rgba(30, 30, 40, 1) !important;
}

/* channel header color */
.channel-header {
background-color: rgba(30, 30, 40, 1) !important;
}

/* stream chat header */
.stream-chat-header {
background-color: rgba(30, 30, 40, 1) !important;
}

/* stream chat background color */
.chat-list {
background-color: rgba(30, 30, 40, 1) !important;
}

/* stream chat bottom */
.chat-input {
background-color: rgba(30, 30, 40, 1) !important;
}

/* hides black gradient on player - top */
.top-bar {
background: none !important;
}

/* hides black gradient on player - bottom */
.player-controls {
background: none !important;
}

/* video player overlay, theatre, streamer name */
.tw-c-text-overlay.tw-font-size-4.tw-strong {
color: rgba(255, 255, 255, 1) !important;
background-color: rgba(0, 0, 0, 0.5) !important;
}

/* video player overlay, theatre, streamer name, hover */
.tw-c-text-overlay.tw-font-size-4.tw-strong:hover {
color: rgba(135, 55, 235, 1) !important;
}

/* video player overlay, theatre, streamer title */
.tw-c-text-overlay.tw-font-size-5 {
color: rgba(200, 200, 200, 1) !important;
background-color: rgba(0, 0, 0, 0.5) !important;
}

/* video player overlay, theatre, streamer category */
.tw-link--overlay {
color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
}

/* video player overlay, theatre, streamer category, hover */
.tw-link--overlay:hover {
color: rgba(135, 55, 235, 1) !important;
}

/* video player overlay, theatre, hides follow and sub button */
.theatre-social-panel {
display: none !important;
}

/* left sidebar background color */
.simplebar-content.side-nav__scrollable_content {
background: rgba(30, 30, 40, 1) !important;
}

/* hides "Hype Train" chat overlay, top */
.simplebar-scroll-content.community-highlight-stack__scroll-area--disable {
display: none !important;
}

/* volume slider background */
.volume-slider__slider-container {
background-color: rgba(0, 0, 0, 0.5) !important;
}

/* hides some bloated chat overlays*/
.new-chatter-ritual {
display: none !important;
}

/* hides cancer video player overlay ads */
.passthrough-events {
display: none !important;
}

/* embedded video player gradients */
.pl-controls-top,
.pl-controls-bottom {
background: none !important;
}

/* theatre mode full sized video player */
.video-player__container--theatre {
min-height: 100% !important;
}