@-moz-document url-prefix("https://www.twitch.tv/") {

/* ==UserStyle==
 @name              Twitch Communist
 @namespace         hktr92
 @version           1.0.0
 @description       PCR 2032 nichitINTUITIE
 @author            hktr92
 @license           
 @homepageURL       https://github.com/hktr92/twitch-communist-theme/
 @supportURL        https://github.com/hktr92/twitch-communist-theme/issues
 @updateURL         https://raw.githubusercontent.com/hktr92/twitch-communist-theme/main/twitch_communist.user.css
 @Creation-Date     2022-02-19
 @Last-Updated      2022-02-19
==/UserStyle== */

/*Body*/
/*Dark Mode Body*/
.tw-root--theme-dark body {
    background-color: #4b1313 !important;
    color: #f9e8ff !important;
}

/*Light Mode Body*/
.tw-root--theme-light body {
    background-color: #4b1313 !important;
    color: #f9e8ff !important;
}

/*Dark & Light*/
/*Tags*/
.tw-tag {
    background-color: #faf333 !important;
    color: #be1918 !important;
}

.tw-tag:hover {
    /*On hover*/
    background-color: #faf333 !important;
    color: #be1918 !important;
}

/*Button Color Covers 'Login', and Magnifyer button*/
.fSetzA {
    background-color: #d63737 !important;
}

.fSetzA:hover {
    background-color: #da0a0a !important;
}

/*Input window*/
.tw-input {
    border-color: #df2626 !important;
    background-color: #be1918 !important;
    color: #faf333 !important;
}

.tw-input:hover {
    border-color: #be1918 !important;
}

.tw-input:focused {
    border-color: #be1918 !important;
}

/*Prime Subscription and Loot Reminder*/
.extensions-popover-view-layout {
    background-color: #d637377c !important;
}

/*Free Loot button when hovering over stream player*/
.dropdown-button--free-stuff:hover {
    background: #d637377c !important;
}

/*Overlay on friend's and channels banner*/
.fWolaB {
    background: none !important;
}

/*Channel pop-up card banner overlay*/
.lPyMr {
    background: none !important;
}

/*Brand icon inner (line 176 for outer colors)*/
.eToGCf {
    fill: #d637377c !important;;
}

/*Overlay on paused player*/
.player-overlay-background--darkness-5 {
    background: none !important;
}

/* NEW BETTER TWITCH TV EXTENSION'S EMOTE-MENU */
.bttv-rs-popover-full .bttv-rs-popover-content {
    /*Background-color for emotes*/
    background-color: #d63737 !important;
}

.bttv-emotes-module__header-UloL0 {
    /*'Frequently used' and '[Channel-name] Channel' headers*/
    background-color: #240045 !important;
}

.bttv-sidebar-module__sidebar-D8CvQ {
    /*Left sidebar*/
    background-color: #d63737 !important;
}

.bttv-sidebar-module__active-EqStd {
    /*Left sidebar active module*/
    background-color: #41027c !important;
}

.bttv-rs-input-group.bttv-rs-input-group-inside .bttv-rs-input {
    /*Input window*/
    background-color: #be1918 !important;
}

.bttv-emotes-module__headerText-MJbMy {
    /*Header text*/
    color: #faf333 !important;
}

.bttv-preview-module__preview-_Xc7L {
    /*Preview text*/
    color: #faf333 !important;
}

svg:not(:root).svg-inline--fa {
    /*Icon colors*/
    color: #faf333 !important;
}

.bttv-Tip-module__tip-__MRM {
    /*Protip module*/
    background-color: #710dd0 !important;
    color: #faf333 !important;
}

.bttv-rs-btn-link {
    color: #faf333 !important;
}

.bttv-rs-nav-subtle.bttv-rs-nav-vertical, .bttv-rs-nav-waterline {
    /*Scroll color*/
    background: #19015e !important;
}

.bttv-rs-btn-subtle:hover {
    /*Close button on hover*/
    background: #be1918 !important;
}

.bttv-Emotes-module__header-WC6mL {
    background-color: #19015e !important;
}

.bttv-EmoteMenuPopover-module__popover-iDPef {
    color: #faf333 !important;
}

.bttv-Sidebar-module__active-_pCj_ {
    color: #19015e !important;
}

.bttv-Sidebar-module__active-_pCj_ {
    background-color: #d63737 !important;
}

/* BETTER TWITCH TV EXTENSION'S EXTRA EMOTE BUTTON REPLACER */
#emote-menu-button {
    background-image: url(https://i.imgur.com/HaDlCS9.png) !important;
    filter: none !important;
}

.bttv-legacy-button-module__button-i_OhF {
    background-image: url(https://i.imgur.com/HaDlCS9.png) !important;
    filter: none !important;
}

.bttv-LegacyButton-module__button-Pt28_ {
    background-image: url(https://i.imgur.com/HaDlCS9.png) !important;
    filter: none !important;
}

/* 7TV */
/*7tv Menu*/
/*7tv icon background*/
.css-apoynj-MuiFormHelperText-root {
    color: #faf333 !important;
}

/*7tv main background*/
.seventv-settings-menu.seventv-sm-backdrop-blur {
    background-color: #100031bf !important;
}

/*7tv Left sidebar*/
.seventv-settings-menu .seventv-sm-sidebar {
    background-color: #d637377c !important;
}

/*7tv top header*/
.seventv-settings-menu .seventv-sm-content .seventv-sm-heading {
    background-color: #0c004d !important;
}

/*7tv close button*/
.css-7qgdbp-MuiSvgIcon-root {
    color: #faf333 !important;
}

.Layout-sc-nxg1ff-0.krJuwP {
    margin-left: 5px !important;
}


/*---------------------------------------------------------------------------*/
/*Dark Mode*/
.tw-root--theme-dark {
    --color-background-button-success: #faf333 !important;
    --color-background-button-success-hover: #faf333 !important;
    /*Top Header/Nav-bar*/
    --color-background-base: #4b1313 !important;
    /*Left-Expandable-sidebar*/
    --color-background-alt: #4b13137c !important;
    /*Base Text (Covers things such as: 'Carousel Nav-Arrow colow, Log in text, Magnifyer icon,
    'More' button, Prime Loot icon, 'Expand' icon on left side-bar, Top-right profile icon,
    Dropdown-menu where 'Language', 'Dark Theme',   'Cookie Preferences', and 'Log In' is located*/
    --color-text-base: #faf333;
    /*Alternative text (Covers things such as: Streaming Titles, Left-Sidebar channel names and viewer count*/
    --color-text-alt: #faf333;
    /*Second Alternative text (Covers things such as: Channel Names and Current game on Channel cards found on the mainpage, Current games on Left-sidebar, Viewer count on Streaming Category Cards on mainpage*/
    --color-text-alt-2: #faf333;
    /*Primary Button text Covers for example: 'Sign Up' button*/
    --color-text-button-primary: #faf333;
    /*Button text color covers for exambple 'Show more [Down Arrow]' on the frontpage'*/
    --color-text-button-text: #faf333;
    /*Input Window Background*/
    --color-background-input: #be1918;
    /*Input Window Background on-focus*/
    --color-background-input-focus: #be1918;
    /*Color Background Overlay Covers things such as: Viewer count background color on stream cards on front-page, and Carousel shadow on previous and up-next channel*/
    --color-background-overlay: #be191852;
    /*Primary Button background Covers things such as: 'Sign Up'*/
    --color-background-button-primary-default: #d63737 !important;
    --color-background-button-primary-hover: #da0a0a !important; /*On hover*/
    /*Button background Covers things such as: 'Profile', 'More', 'Prime Loot', 'Show More [Down Arrow]', Navigation-arrows for carousel*/
    --color-background-button-text-default: #d63737 !important;
    --color-background-button-text-hover: #d63737 !important; /*On hover*/
    --color-background-button-text-active: #d6373745 !important; /*On click*/
    /*Accent Background covers things such as: 'Join the Twitch Community! bottom banner' if logged out, and 'Games', 'IRL', 'MUSIC', 'Esports' Cards on frontpage*/
    --color-background-accent: #d63737;
    --color-background-accent-alt: #be1918;
    --color-background-accent-alt-2: #be1918;
    /*Button overlay on player*/
    --color-text-button-overlay: #faf333;
    --color-text-button-overlay-hover: #faf333; /*On hover*/
    --color-text-button-overlay-focus: #faf333;
    --color-text-button-overlay-active: #faf333; /*On click*/
    /*Overlay text covers things such as: 'Games', 'IRL', 'Music', 'Esports', Play button in the middle of the player, Viewer count on stream cards, 'LIVE' text*/
    --color-text-overlay: #faf333 !important;
    /*LIVE background*/
    --color-fill-live: #d63737 !important;
    /*Link text covers things such as Channel name and current game on Carousel channel card*/
    --color-text-link: #faf333;
    --color-text-link-hover: #faf333; /*On hover*/
    --color-text-link-active: #faf333; /*On click*/
    --color-text-link-focus: #faf333;
    --color-text-link-visited: #faf333;
    /*Button overlay background covers things such as 'Sign Up' button ontop of the 'Join the twitch community!' banner*/
    --color-background-button-overlay-primary-default: #faf333;
    --color-background-button-overlay-primary-hover: #faf333;
    --color-background-button-overlay-primary-active: #faf333;
    --color-text-button-overlay-primary: rgba(255, 0, 0, 0.342) !important; /*Text for previous button code*/
    /*Input window's border (Does the exact thing as in '.tw-input' on line 44*/
    /*--color-border-input: (--color-opac-w-4) !important;
    --color-opac-w-4: #df2626 !important; */
    --color-border-input-focus: #be1918 !important;
    /*Input text*/
    --color-text-input: #faf333 !important;
    /*Input text placeholder*/
    --color-text-input-placeholder: #faf333 !important;
    /*Toggle button border when checked*/
    --color-border-toggle-checked: #faf333 !important;
    /*Toggle button background when checked*/
    --color-background-toggle-checked: #faf333 !important;
    /*Toggle button border*/
    --color-border-toggle: #faf333 !important;
    /* --color-opac-b-10: #faf333 !important; */
    /*Toggle button background when unchecked*/
    --color-background-toggle: #faf333 !important;
    /*Toggle button dot when checked*/
    --color-background-toggle-handle-checked: #faf333 !important;
    /*Body Background (Visit a channel to see what it does)*/
    --color-background-body: #4b1313 !important;
    /*Base border color covers things such as border around chat and leaderboard above chat*/
    --color-border-base: #faf3332b !important;
    /*Emote pop-up window right sidebar*/
    --color-background-alt-2: #4b13137c !important;
    /*Live viewercount text */
    --color-text-live: #d63737 !important;
    --color-text-accessible-red: #d63737 !important;
    /*'Friends' and 'Followed' buttons for friends and channels*/
    --color-background-button-status: #faf333 !important;
    /*Brand icon outer (line 84 for inner colors)*/
    --color-fill-brand: #6441A4 !important;
}

/*Dark Crousel Channel-Info Card*/
.tw-root--theme-dark .carousel-metadata {
    background: #4b13137c !important;
}

/*Fadeout ontop of Channel-Info Card*/
.tw-root--theme-dark .carousel-metadata--fadeout {
    background: none !important;
}

/*Dark Carousel Navigation Arrows*/
.tw-root--theme-dark .carousel-player-nav-arrow__container {
    background-color: #be191852 !important;
}

/*Dark Navigation links Covers for example: 'Browse' located on top header*/
.tw-root--theme-dark .navigation-link {
    color: #faf333 !important;
}

.tw-root--theme-dark .navigation-link:hover {
    color: #da0a0a !important;
}

/*Dark Scrollbar*/
.tw-root--theme-dark .scrollable-area .simplebar-track .simplebar-scrollbar {
    background: #faf333 !important;
}

/*Dark Chat room base*/
.tw-root--theme-dark .chat-room {
    background: #4b1313 !important;
}

/*Dark BTTV Split chat background*/
.tw-root--theme-dark .chat-line__message.bttv-split-chat-alt-bg, .tw-root--theme-dark .vod-message.bttv-split-chat-alt-bg {
    background-color: #4b1313 !important;
}

/*Dark Emote pop-up window channel header*/
.tw-root--theme-dark .emote-grid-section__header-title {
    background-color: #be1918 !important;
}

/*Dark Emote pop-up window channel header focused*/
.tw-root--theme-dark .emote-grid-section__balloon-title {
    background-color: #be1918 !important;
}

/*Dark Left sidebar channels and friends, on hover*/
.tw-root--theme-dark .side-nav-card__link:hover {
    background-color: #be1918 !important;
}

/*Dark Hypetrain Train*/
.hype-train-approaching-view__checkboxes-dark {
    background-color: #d63737 !important;
    color: #0aeffe !important;
}

/*Dark Logged in Left sidebar background*/
.tw-root--theme-dark .side-nav__overlay-wrapper {
    background-color: #d637377c !important;
}

/*Dark Whisper header*/
.tw-root--theme-dark .thread-header__title-bar-container {
    background: #be1918 !important;
    box-shadow: none !important;
}

/*Dark Whispers drowndown window channels on hover*/
.tw-root--theme-dark .whispers-list-item--selected, .tw-root--theme-dark .whispers-list-item:hover {
    background-color: #be1918 !important;
}

/*Dark Whispers drowndown window channels Slide delete button on hover*/
.tw-root--theme-dark .whispers-list-item--selected .whispers-list-item__archive, .tw-root--theme-dark .whispers-list-item--selected .whispers-list-item__muted-icon, .tw-root--theme-dark .whispers-list-item--selected .whispers-list-item__unread-icon, .tw-root--theme-dark .whispers-list-item:hover .whispers-list-item__archive, .tw-root--theme-dark .whispers-list-item:hover .whispers-list-item__muted-icon, .tw-root--theme-dark .whispers-list-item:hover .whispers-list-item__unread-icon {
    background-color: #be1918 !important;
}

.tw-root--theme-dark .whispers-list-item__archive {
    background-color: #be1918 !important;
}

/*Dark Trashbin icon background inside the previous code*/
.tw-root--theme-dark .whispers-list-item--selected .whispers-list-item__archive-button, .tw-root--theme-dark .whispers-list-item:hover .whispers-list-item__archive-button {
    background-color: #be1918 !important;
}

/*Dark Subscribe pop-up window text*/
.tw-root--theme-dark .modal__content {
    color: #faf333 !important;
}

/*Dark 'Users in chat' panel*/
.tw-root--theme-dark .chat-viewers__pane {
    background: #d637377c !important;
    color: #faf333 !important;
}

/*Dark 'Users in chat' channel names*/
.tw-root--theme-dark .chat-viewers-list__button {
    color: #faf333 !important;
}

/*Dark Browse Game page banner*/
.tw-root--theme-dark .directory-header-new__banner-cover {
    background: linear-gradient(
        6deg, #0e026a38, rgb(37 4 114)), linear-gradient(
        73deg, #0e0e10, rgb(0 134 212));
    content: "";
}

/*---------------------------------------------------------------------------*/
/*Light Mode*/
.tw-root--theme-light {
    --color-accent: #faf333 !important;
    /*Top Header/Nav-bar*/
    --color-background-base: #d637377c !important;
    /*Left-Expandable-sidebar*/
    --color-background-alt: #d637377c !important;
    /*Base Text (Covers things such as: 'Carousel Nav-Arrow colow, Log in text, Magnifyer icon,
    'More' button, Prime Loot icon, 'Expand' icon on left side-bar, Top-right profile icon,
    Dropdown-menu where 'Language', 'Dark Theme',   'Cookie Preferences', and 'Log In' is located*/
    --color-text-base: #faf333 !important;
    /*Alternative text (Covers things such as: Streaming Titles, Left-Sidebar channel names and viewer count*/
    --color-text-alt: #faf333 !important;
    /*Second Alternative text (Covers things such as: Channel Names and Current game on Channel cards found on the mainpage, Current games on Left-sidebar, Viewer count on Streaming Category Cards on mainpage*/
    --color-text-alt-2: #faf333 !important;
    /*Primary Button text Covers for example: 'Sign Up' button*/
    --color-text-button-primary: #faf333 !important;
    /*Button text color covers for exambple 'Show more [Down Arrow]' on the frontpage'*/
    --color-text-button-text: #faf333 !important;
    /*Input Window Background*/
    --color-background-input: #be1918 !important;
    /*Input Window Background on-focus*/
    --color-background-input-focus: #be1918 !important;
    /*Color Background Overlay Covers things such as: Viewer count background color on stream cards on front-page, and Carousel shadow on previous and up-next channel*/
    --color-background-overlay: #be191899 !important;
    /*Primary Button background Covers things such as: 'Sign Up'*/
    --color-background-button-primary-default: #d63737 !important;
    --color-background-button-primary-hover: #da0a0a !important;
    --color-background-button-primary-active: #da0a0a !important;
    --color-background-button-hover: #be1918 !important;
    /*On hover*/
    /*Button background Covers things such as: 'Profile', 'More', 'Prime Loot', 'Show More [Down Arrow]', Navigation-arrows for carousel*/
    --color-background-button-text-default: #d6373700 !important;
    --color-background-button-text-hover: #d637372b !important;
    /*On hover*/
    --color-background-button-text-active: #d6373745 !important;
    /*On click*/
    /*Accent Background covers things such as: 'Join the Twitch Community! bottom banner' if logged out, and 'Games', 'IRL', 'MUSIC', 'Esports' Cards on frontpage*/
    --color-background-accent: #d63737 !important;
    --color-background-accent-alt: #be1918 !important;
    --color-background-accent-alt-2: #be1918 !important;
    /*Button overlay on player*/
    --color-text-button-overlay: #faf333 !important;
    --color-text-button-overlay-hover: #faf333 !important;
    /*On hover*/
    --color-text-button-overlay-focus: #faf333 !important;
    --color-text-button-overlay-active: #faf333 !important;
    /*On click*/
    /*Overlay text covers things such as: 'Games', 'IRL', 'Music', 'Esports', Play button in the middle of the player, Viewer count on stream cards, 'LIVE' text*/
    --color-text-overlay: #faf333 !important;
    /*LIVE background*/
    --color-fill-live: #d63737 !important;
    /*Link text covers things such as Channel name and current game on Carousel channel card*/
    --color-text-link: #faf333 !important;
    --color-text-link-hover: #faf333 !important;
    /*On hover*/
    --color-text-link-active: #faf333 !important;
    /*On click*/
    --color-text-link-focus: #faf333 !important;
    --color-text-link-visited: #faf333 !important;
    /*Button overlay background covers things such as 'Sign Up' button ontop of the 'Join the twitch community!' banner*/
    --color-background-button-overlay-primary-default: #faf333;
    --color-background-button-overlay-primary-hover: #faf333;
    --color-background-button-overlay-primary-active: #faf333;
    --color-text-button-overlay-primary: #90f !important;
    /*Text for previous button code*/
    /*Input window's border (Does the exact thing as in '.tw-input' on line 44*/
    --color-border-input: #df2626 !important;
    --color-opac-w-1: #faf333 !important;
    --color-opac-w-4: #df2626 !important;
    --color-border-input-focus: #be1918 !important;
    /*Input text*/
    --color-text-input: #faf333 !important;
    /*Input text placeholder*/
    --color-text-input-placeholder: #faf333 !important;
    /*Toggle button border when checked*/
    --color-border-toggle-checked: #faf333 !important;
    /*Toggle button background when checked*/
    --color-background-toggle-checked: #faf333 !important;
    /*Toggle button border when unchecked*/
    --color-border-toggle: #faf333 !important;
    --color-opac-b-10: #faf333 !important;
    /*Toggle button background when unchecked*/
    --color-background-toggle: #faf333 !important;
    /*Toggle button dot when unchecked*/
    --color-background-toggle-handle: #faf333 !important;
    /*Body Background (Visit a channel to see what it does)*/
    --color-background-body: #d63737 !important;
    /*Base border color covers things such as border around chat and leaderboard above chat*/
    --color-border-base: #faf3332b !important;
    /*Emote pop-up window right sidebar*/
    --color-background-alt-2: #d637377c !important;
    /*Live viewercount text */
    --color-text-live: #d63737 !important;
    --color-text-accessible-red: #d63737 !important;
    /*'Friends' and 'Followed' buttons for friends and channels*/
    --color-background-button-status: #faf333 !important;
    /*Brand icon outer (line 84 for inner colors)*/
    --color-fill-brand: #faf333 !important;
}

/*Light Crousel Channel-Info Card*/
.tw-root--theme-light .carousel-metadata {
    background: #d637377c !important;
}

/*Fadeout ontop of Channel-Info Card*/
.tw-root--theme-light .carousel-metadata--fadeout {
    background: none !important;
}

/*Light Carousel Navigation Arrows*/
.tw-root--theme-light .carousel-player-nav-arrow__container {
    background-color: #be191852 !important;
}

/*Light Navigation links Covers for example: 'Browse' located on top header*/
.tw-root--theme-light .navigation-link {
    color: #faf333 !important;
}

.tw-root--theme-light .navigation-link:hover {
    color: #da0a0a !important;
}

/*Light Scrollbar*/
.tw-root--theme-light .scrollable-area .simplebar-track .simplebar-scrollbar {
    background: #faf333 !important;
}

/*Light Chat room base*/
.tw-root--theme-light .chat-room {
    background: #d637377c !important;
}

/*Light BTTV Split chat background*/
.tw-root--theme-light .chat-line__message.bttv-split-chat-alt-bg, .tw-root--theme-light .vod-message.bttv-split-chat-alt-bg {
    background-color: #be1918 !important;
}

/*Light Emote pop-up window channel header*/
.tw-root--theme-light .emote-grid-section__header-title {
    background-color: #be1918 !important;
}

/*Light Emote pop-up window channel header focused*/
.tw-root--theme-light .emote-grid-section__balloon-title {
    background-color: #be1918;
}

/*Light Left sidebar channels and friends, on hover*/
.tw-root--theme-light .side-nav-card__link:hover {
    background-color: #be1918 !important;
}

/*Light Hypetrain Train*/
.hype-train-approaching-view__checkboxes-light {
    background-color: #d63737 !important;
    color: #0aeffe !important;
}

/*LightLogged in Left sidebar background*/
.tw-root--theme-light .side-nav__overlay-wrapper {
    background-color: #d637377c !important;
}

/*Light Whisper header*/
.tw-root--theme-light .thread-header__title-bar-container {
    background: #be1918 !important;
    box-shadow: none !important;
}


/*Light Whispers drowndown window channels on hover*/
.tw-root--theme-light .whispers-list-item--selected, .tw-root--theme-light .whispers-list-item:hover {
    background-color: #be1918 !important;
}

/*Light Whispers drowndown window channels Slide delete button on hover*/
.tw-root--theme-light .whispers-list-item--selected .whispers-list-item__archive, .tw-root--theme-light .whispers-list-item--selected .whispers-list-item__muted-icon, .tw-root--theme-light .whispers-list-item--selected .whispers-list-item__unread-icon, .tw-root--theme-light .whispers-list-item:hover .whispers-list-item__archive, .tw-root--theme-light .whispers-list-item:hover .whispers-list-item__muted-icon, .tw-root--theme-light .whispers-list-item:hover .whispers-list-item__unread-icon {
    background-color: #be1918 !important;
}

.tw-root--theme-light .whispers-list-item__archive {
    background-color: #be1918 !important;
}

/*Light Trashbin icon background inside the previous code*/
.tw-root--theme-light .whispers-list-item--selected .whispers-list-item__archive-button, .tw-root--theme-light .whispers-list-item:hover .whispers-list-item__archive-button {
    background-color: #be1918 !important;
}

/*Light Subscribe pop-up window text*/
.tw-root--theme-light .modal__content {
    color: #faf333 !important;
}

/*light 'Users in chat' panel*/
.tw-root--theme-light .chat-viewers__pane {
    background: #d637377c !important;
    color: #faf333 !important;
}

/*Light 'Users in chat' channel names*/
.tw-root--theme-light .chat-viewers-list__button {
    color: #faf333 !important;
}

/*Light Browse Game page banner*/
.tw-root--theme-light .directory-header-new__banner-cover {
    background: linear-gradient(
        6deg, #0e026a38, rgb(37 4 114)), linear-gradient(
        73deg, #0e0e10, rgb(0 134 212));
    content: "";
}

.Layout-sc-nxg1ff-0 .jMIEhW .report-button {
    margin-left: 5px;
}

}