/* host mode */ .ffz-dark #hostmode,.hostmode{ background-color:rgb(16,16,16)!important; } .ffz-dark div#channel > .target-frame { background-color:rgb(16,16,16)!important; } .ffz-dark .hostmode-title-container{ background-color:rgb(16,16,16)!important; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset; } .ffz-dark div.hostmode-title.clearfix{ background-color:rgb(24,24,24)!important; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset; } .ffz-dark .close-hostmode{ background-color:rgb(16,16,16)!important; border-top: 1px solid rgba(255, 255, 255, 0.05); } .ffz-dark .offlineChannelStatus { background-color: rgba(255,255,255, 0.05); } .ffz-dark .close-hostmode a:before, .ffz-dark .close-hostmode a:after { border-bottom-color: rgba(255,255,255, 0.05); } /* hidden chat */ .ffz-dark .card__img, .ffz-dark .ember-chat .chat-hidden-overlay{ background-color:rgb(24,24,24)!important; } /* edit icon */ .ffz-dark .js-video-stats__video-header + a svg, .ffz-dark .subscription-modal__balloon svg, .ffz-dark #channel .player-column #broadcast-meta .info .edit-link svg path{ fill:rgba(255,255,255,0.5)!important; } /* vod icons */ .ffz-dark #stats .stat svg:not(.svg-glyph_live) path, .ffz-dark #main_col .content #stats_and_actions #channel_stats .stat svg path{ fill:rgba(255,255,255,0.5)!important; } /* hover icon for chats menu */ .ffz-dark .ember-chat .chat-menu-button-container:hover svg path{ fill:#fff!important; } /* dropdown arrows */ .ffz-dark .button.drop:after{ border-color: rgba(255, 255, 255, 0.35) transparent transparent!important;; } /* hovering buttons */ .ffz-dark .button:not(.primary):not(.ffz-donate):hover{ color:rgb(222,222,222)!important; } .ffz-dark .moderation-card .button:not(.button--icon-only):hover { color: #fff !important; } /* stats */ .ffz-dark .ct-tags--extracted { border-bottom: none } .ffz-dark .stats-and-actions, .ffz-dark #main_col .content #stats_and_actions { border-bottom-color: rgba(255,255,255,0.2); } .ffz-dark #channel .player-column .stats-and-actions .channel-stats .stat svg:not(.svg-glyph_live) path{ fill:rgba(255,255,255,0.35)!important; } /* Scrollbar */ .ffz-dark .tse-scrollbar .drag-handle { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.6)!important; } /* Team Pages */ .ffz-dark #stats_and_description { border-color: rgba(255,255,255,0.1) } .ffz-dark #stats_and_description .stat { color: #808080 } .ffz-dark #stats_and_description .stat:not(#channel_viewer_count) { -webkit-filter: invert(100%) } .ffz-dark .profile-card__content, .ffz-dark .member.js-playing a { color: #fff !important } .ffz-dark .member { box-shadow: none !important } .ffz-dark .member.live { background-color: #222; } .ffz-dark .member:hover { background-color: #333 } .ffz-dark .member .channel_count { color: #ccc } /* main column */ .ffz-dark .fp-container, body.ffz-dark:not([data-page="teams#show"]), .ffz-dark .app-main, .ffz-dark[data-page="teams#show"] .main, .ffz-dark:not([data-page="teams#show"]) div#mantle_skin, .ffz-dark div#main_col { background:rgb(16,16,16); color:rgb(195,195,195)!important; border-right: 0 !important; /*1px solid rgb(0,0,0)!important;*/ } .ffz-dark.ffz-portrait div#left_col .column, .ffz-dark.ffz-portrait div#main_col { border-right: none !important; border-bottom: 1px solid rgb(0,0,0) !important; } /* stream title */ .ffz-dark span.real_title{ color:rgb(245,245,245)!important; } /* name playing x on x */ .ffz-dark span.playing,span#team_membership,.ffz-dark #channel .player-column #broadcast-meta .info .channel { color:rgb(195,195,195)!important; } .ffz-dark div.title > span.real, .ffz-dark div.title > span.over, .ffz-dark #broadcast-meta .info .title { color: #DEDEDE !important; background-color: rgba(16,16,16,0.3) !important; } .ffz-dark .player-placeholder { background: #000 } .ffz-dark div.title > span.over:hover, .ffz-dark div.title > span.real:hover, .ffz-dark #broadcast-meta .info .title:hover { color: #fff !important; background-color: #101010 !important; } /* Right Column */ .ffz-dark .ct-banner--off .ct-banner__toggle, .ffz-dark #right_col { background-color: rgb(25,25,31); color: #fff; } .ffz-dark.ffz-no-blue #right_col, .ffz-dark.ffz-no-blue .no-login-contain li, .ffz-dark.ffz-no-blue .following-col .following-list .load-more span, .ffz-dark.ffz-no-blue .viewall a, .ffz-dark.ffz-no-blue #new-user-prompt { background-color: rgb(25,25,25); } /* Popups */ .ffz-dark #commission_modal { background-color: #101010 !important; border-color: #32323e !important; } .ffz-dark .twitch_subwindow_container.two-factor-auth .card, .ffz-dark .card#passport_modal { color: #000; } .ffz-dark .subdash-feature-notice, .ffz-dark #channel-prompt, .ffz-dark .balloon, .ffz-dark .balloon:after, .ffz-dark .conversation-settings-menu, .ffz-dark .ember-chat .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box, .ffz-dark .twitch_subwindow_container:not(.two-factor-auth) .card:not(#passport_modal), .ffz-dark #flyout .content, .ffz-dark .whatisthis, .ffz-dark .ui-menu, .ffz-dark .dropmenu, .ffz-dark .sort-contain .sort-options, .ffz-dark .top-dropdown, .ffz-dark form.js-new_panel_form, .ffz-dark .js-new_panel_btn, .ffz-dark .manager .videos-grid .video .meta, .ffz-dark .ember-chat .chat-room-list, .ffz-dark .st-autocomplete-sidebar, .ffz-dark .st-autocomplete-small, .ffz-dark .st-autocomplete, .ffz-dark .st-autocomplete-small, .ffz-dark .player-menu__menu { background-color: rgb(16,16,16); color: rgb(195,195,195); /*#acacbf;*/ border-color: #32323e; box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset; } .ffz-dark .balloon--tooltip:after, .ffz-dark .balloon--tooltip { background-color: #000; } .ffz-dark .chat-container { border-color: rgba(0,0,0,0.2) } .ffz-dark #flyout .content, .ffz-dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box { border: none } .ffz-dark .balloon--right.balloon--up:after, .ffz-dark .balloon--up:after { box-shadow: 1px 1px 0 rgba(255,255,255,0.2) } .ffz-dark .balloon--right.balloon--down:after, .ffz-dark .balloon--down:after { box-shadow: -1px -1px 0 rgba(255,255,255,0.2) } .ffz-dark .balloon--left:after { box-shadow: 1px -1px 0 rgba(255,255,255,0.2) } .ffz-dark .balloon--right:after { box-shadow: -1px 1px 0 rgba(255,255,255,0.2) } .ffz-dark .filter-bar__balloon-footer, .ffz-dark .balloon__footer { background-color: rgb(25,25,25); border: 1px solid rgba(255,255,255,0.2); } .ffz-dark .player-menu__header { color: #c3c3c3 } .ffz-dark .player-menu__section { border-bottom-color: rgba(255,255,255,0.2) } /*.ffz-dark .balloon:after { box-shadow: none }*/ .ffz-dark .st-autocomplete-sidebar .label, .ffz-dark .st-autocomplete-small .label, .ffz-dark .st-autocomplete .label, .ffz-dark .st-autocomplete-small .label { background-color: rgb(24,24,24); } .ffz-dark .js-new_panel_btn:hover { background-color: rgb(24,24,24); } .ffz-dark .player-menu__menu:before, .ffz-dark .player-menu__menu:after { border-top-color: rgb(16,16,16); } .ffz-dark .st-autocomplete-sidebar:before, .ffz-dark #flyout .point:before { border-right-color: rgb(16,16,16); /*rgb(25,25,31);*/ } .ffz-dark .st-autocomplete-sidebar:after, .ffz-dark #flyout .point:after { border-right-color: #32323e; } .ffz-dark .notification-controls .toggle-notification-menu { background-color: #0f8a4d; } .ffz-dark .notification-controls .toggle-notification-menu:hover { background-color: #119754; } .ffz-dark .pika-input, .ffz-dark .video-stats .form__input[type=search], .ffz-dark .change-banner .banner-preview, .ffz-dark .ct-banner--off .ct-banner__inputbox, .ffz-dark form.js-new_panel_form input, .ffz-dark form.js-new_panel_form textarea, .ffz-dark .conversation-input-bar textarea, .ffz-dark .card input, .ffz-dark .card textarea, .ffz-dark .dropmenu input, .ffz-dark input.text, .ffz-dark input.string, .ffz-dark #sidebar_query_small, .ffz-dark textarea, .ffz-dark select, .ffz-dark option, .ffz-dark #mantle_skin .dropdown, .ffz-dark .directory_header #custom_filter input { background-color: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: #fff; } .ffz-dark option { background-color: #191919; } .ffz-dark select.pl-form__input, .ffz-dark .video-stats .form__input[type=search]:not(:focus):not(:hover) { box-shadow: inset 0 0 1px rgba(255,255,255,0.2); } .ffz-dark .video-stats .table__cell--header, .ffz-dark .video-stats__table-title { color: #ccc; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2); } .ffz-dark .video-stats .table__header { background-color: #191919; color: #ccc; } .ffz-dark .video-stats .table { border-color: rgba(255,255,255,0.2); background-color: #101010; box-shadow: 0 2px 4px 0 rgba(255,255,255,0.2); } .ffz-dark .video-stats .table__row { background-color: #101010; color: #999; } .ffz-dark .video-stats .table__cell { border-color: rgba(255,255,255,0.2); color: #999; } /* Other stuff */ .ffz-dark #channel .player-column #broadcast-meta .info .edit-link span { color: inherit; } .ffz-dark .no-login-contain li { background-color: rgb(25,25,31); } .ffz-dark .no-login-contain h3 { color: #ccc; } .ffz-dark .panel-formatting .panel { color: #8c8c9c; } .ffz-dark .balloon .balloon__link { color: #a68ed2 !important } .ffz-dark .balloon .balloon__link--active, .ffz-dark .balloon .balloon__link--selected, .ffz-dark .balloon .balloon__link:hover { color: #fff !important } .ffz-dark .balloon .balloon__link--selected { background-color: #6441a5 !important } .ffz-dark .st-autocomplete-sidebar .all p:not(.active), .ffz-dark .st-autocomplete-small .all p:not(.active), .ffz-dark .st-autocomplete .all p:not(.active), .ffz-dark .st-autocomplete-small .all p:not(.active), .ffz-dark .st-autocomplete-sidebar .list ul .result:not(.active) p, .ffz-dark .st-autocomplete-small .list ul .result:not(.active) p, .ffz-dark .st-autocomplete .list ul .result:not(.active) p, .ffz-dark .st-autocomplete-small .list ul .result:not(.active) p, .ffz-dark .manager .videos-grid .video:hover .meta .actions li a, .ffz-dark .ember-chat .chat-room-list .room:not(:hover) p.room-title, .ffz-dark .dropmenu_action:not(:hover), .ffz-dark .dropmenu_action:not(:hover) span, .ffz-dark .chat-menu-content button.font-color-purple, .ffz-dark .player a.player-text-link, .ffz-dark .cn-metabar .cn-metabar__title a, .ffz-dark a { /*.ffz-dark a:not(.profile-card__content):not(.filter-item):not(.ui-state-focus):not(.button):not(.switch):not(.follow):not(.fb_button):not(.what) {*/ color: #a68ed2; } .ffz-dark .balloon--cols .balloon__list~.balloon__list { box-shadow: -1px 0 0 rgba(255,255,255,0.2); } .ffz-dark .top-nav__nav-link:hover { color: #fff !important } .ffz-dark .warp__item a.js-language-select, .ffz-dark .top-nav__nav-link, .ffz-dark .warp__item > a { color: #d5d4d9 !important } .ffz-dark .warp__item--toggled a.js-language-select, .ffz-dark .warp__item > a:hover, .ffz-dark .warp__item--toggled > a { color: #eae9ec !important } .ffz-dark .exit-theatre > a { color: #000 !important; } .ffz-dark .cheermote-tier { background-color: #111; border-color: #474747; } .ffz-dark .progress-bar { background-color: #444; } .ffz-dark .c-background-graph { background-color: #444 !important } .ffz-dark .shadow-border--bottom-right { box-shadow: 1px 0 0 0 #474747, 0 1px 0 0 #474747; } .ffz-dark .switch, .ffz-dark .button, .ffz-dark .pl-button--hollow, .ffz-dark .pl-button--hollow:hover, .ffz-dark .player-switch, .ffz-dark .follow-button a, .ffz-dark a.dropmenu_action:hover { color: #fff; } .ffz-dark .button:disabled { background-color: #242424; } .ffz-dark .pl-button--hollow, .ffz-dark .button--hollow { box-shadow: inset 0 0 0 1px #4b367c } .ffz-dark .panel-formatting .panel h3 { color: inherit; } .ffz-dark .follow-button .notify:before, .ffz-dark .button.drop:after, .ffz-dark .follow-button .drop.follow:after { border: 5px solid rgba(255,255,255,0.35); border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } .ffz-dark .follow-button .notify { background-color: #25252a; } .ffz-dark .message-button, .ffz-dark .button--text, .ffz-dark .button.ffz-no-bg { color: #a68ed2; } .ffz-dark .form__icon svg { fill: rgba(255,255,255,0.2) } .ffz-dark .button--icon.button--hollow figure svg, .ffz-dark .button.button--icon-only svg { fill: #a68ed2; } .ffz-dark .button.button--icon-only:hover svg { fill: #fff; } .ffz-dark .button.primary.subscribe-button { color: #fff; } .ffz-dark .ember-chat .moderation-card img.channel_logo { border-color: rgb(16,16,16); } /* Upsell banner */ .ffz-dark .bookmark-meta, .ffz-dark .upsell-banner { background-color: rgba(25,25,31, 0.7); } .ffz-dark.ffz-no-blue .bookmark-meta, .ffz-dark.ffz-no-blue .upsell-banner { background-color: rgba(25,25,25, 0.7); } .ffz-dark .bookmark-meta .bookmark-title, .ffz-dark .upsell-banner .message .title { color: #ccc; } .ffz-dark .bookmark-meta { box-shadow: none; } /* VoD Description */ .ffz-dark .archives-contain .videos { padding: 0 0; } .ffz-dark #right_col a.bottom, .ffz-dark .archives-contain .list-video { padding: 10px 20px; border-color: rgba(255,255,255,0.2); } .ffz-dark #right_col a.bottom { padding: 0 20px; margin: 0 !important; } .ffz-dark .archives-contain .list-video .meta .title { color: rgb(195,195,195); } .ffz-dark #right_col #archives { background-color: transparent; } .ffz-dark .archives-contain .list-video .meta .info p.broadcaster, .ffz-dark #right_col #archives .more_archives { color: #a68ed2; box-shadow: none; } .ffz-dark #right_col a.bottom:hover, .ffz-dark .archives-contain .list-video:hover, .ffz-dark #right_col #archives .more_archives:hover { background-color: rgba(255,255,255,0.1); } .ffz-dark #main_col .content .archive_info p, .ffz-dark #main_col .content .archive_info time { color: #888; } /* Video Manager */ .ffz-dark .player-menu-options, .ffz-dark ul.tabs:before, .ffz-dark .directory_header .nav:before, .ffz-dark ul.tabs_fake:before, .ffz-dark #right_col #archives .more_archives, .ffz-dark .manager .videos-grid .video .meta .actions { border-top-color: rgba(255,255,255,0.25); } .ffz-dark .twitch_subwindow_container .card .text-content .content-header, .ffz-dark .kraken-embed .card .text-content .content-header, .ffz-dark .kraken-page .card .text-content .content-header, .ffz-dark .twitch_subwindow_container .card .buttons, .ffz-dark .kraken-embed .card .buttons, .ffz-dark .kraken-page .card .buttons, .ffz-dark .card--bordered, .ffz-dark .card-vod-edit { border-color: #474747; } .ffz-dark .playlist-menu-create { background-color: #101010; border-color: #474747; } .ffz-dark .button--disabled { background-color: #333; } .ffz-dark .card-vod-edit { box-shadow: 0 2px 4px 0 rgba(255,255,255,0.1); } .ffz-dark #highlighter .highlight-content .form-container li label { color: #fff; } .ffz-dark .tabs.tabs--fullwidth li:not(.selected) a:hover { color: #fff !important; background: #24242a; border-color: #8c8c9c; } .ffz-dark .tabs li.selected a { color: #fff !important; border-color: #a68cd4 !important; } /* Subscriptions Page */ .ffz-dark .ticket__benefits, .ffz-dark .tickets .ticket .benefits { background-color: rgb(16,16,16); color: rgb(195,195,195); /*#acacbf;*/ border-color: #32323e; } /* Directory Pages */ .ffz-dark .following-col .col-header .search-contain .search .search-button svg path { fill: rgba(255,255,255,0.25); } .ffz-dark .following-col .col-header .search-contain .search .search-button:hover svg path { fill: rgba(255,255,255,0.5); } .ffz-dark .following-col .following-list .load-more span, .ffz-dark .viewall a { background-color: rgb(25,25,31); } .ffz-dark .following-col .following-list .load-more:hover span { color: #fff; } .ffz-dark .following-col .following-list .load-more:hover span, .ffz-dark .viewall a:hover { background-color: rgb(35,35,41); } .ffz-dark.ffz-no-blue .following-col .following-list .load-more:hover span, .ffz-dark.ffz-no-blue .viewall a:hover { background-color: rgb(35,35,35); } .ffz-dark .viewall a .text span:first-child { color: #a68ed2; } /* Profile page fixes */ .ffz-dark pre { background-color: rgb(8,8,8); box-shadow: inset 0 0 0 1px #333; border-left-color: #6441a5; } .ffz-dark .form__label, .ffz-dark .form__input[type=checkbox] + label, .ffz-dark .form__input[type=radio] + label, .ffz-dark label, .ffz-dark code { color: #999; } .ffz-dark .card__boxpin, .ffz-dark .streams .stream .content .thumb .boxart, .ffz-dark .videos .video .content .thumb .boxart { border-color: rgb(16,16,16); } .ffz-dark .ember-chat .moderation-card img.channel_logo, .ffz-dark .channel-link .profile-photo { background-color: rgb(16,16,16); } .ffz-dark .event-img--card { box-shadow: 1px 0 0 #101010 } .ffz-dark .toggle__button { background-color: #666 } .ffz-dark .toggle__button:after { background-color: #242424 } .ffz-dark .toggle input[type=checkbox]:checked+.toggle__button { background-color: #0f8a4d } .ffz-dark .card__title, .ffz-dark .card .card__title a, .ffz-dark .card .card__info a, .ffz-dark .items-grid .meta .title, .ffz-dark .items-grid .meta p a { color: #9c9c9c; } .ffz-dark .event-calendar { background: #101010; color: #ccc; } .ffz-dark .subscription-dash .video-quality-list li.non-selectables .option, .ffz-dark .subscription-dash .video-quality-list li { background-color: #191919; border-color: #474747; } .ffz-dark .subscription-dash .video-quality-list li .quality-setting { background-color: #000; } .ffz-dark .subscription-dash .video-quality-list li.selectable.over { background-image: none; background-color: #242424; } .ffz-dark .subscription-dash .video-quality-list li.selectable.restricted { background-color: #cc2b2b; border-color: #801b1b; } .ffz-dark .subscription-dash .video-quality-list li.selectable.restricted.over { background-color: #fc3636; } .ffz-dark .card__info, .ffz-dark .items-grid .meta .info { color: #6c6c6c; } .ffz-dark .mininav li > a, .ffz-dark ul.tabs li > a, .ffz-dark .directory_header .nav li > a, .ffz-dark .tw-tabs__item > button, .ffz-dark ul.tabs_fake li > a { color: #a68ed2; } .ffz-dark .tw-tabs, .ffz-dark .tabs { box-shadow: 0 -1px 0 rgba(255,255,255,0.2) inset; } .ffz-dark .tw-tabs__item > a:hover, .ffz-dark .tabs>.tab:hover, .ffz-dark .tabs>li:hover, .ffz-dark .tabs__item:hover, .ffz-dark .tabs__item--active, .ffz-dark .tabs__item.active, .ffz-dark .tabs__item.selected, .ffz-dark .tabs>li.selected, .ffz-dark .tabs>li>a.active { box-shadow: 0 -1px 0 #a68cd4 inset } .ffz-dark .mininav, .ffz-dark ul.tabs:before, .ffz-dark .direcotry_header .nav:before, .ffz-dark ul.tabs_fake:before { border-color: #32323e; } .ffz-dark .tw-tabs__item > button:hover, .ffz-dark .tw-tabs__item > a.active, .ffz-dark .tw-tabs__item > button.active { color: #ccc; box-shadow: 0 -1px 0 #ccc inset; } .ffz-dark .contract-amendments-window { border-color: #474747; background-color: #000; } .ffz-dark .game-details__nav > li > a.active { color: #fff } .ffz-dark .mininav li > a:hover, .ffz-dark ul.mininav li.active, .ffz-dark ul.tabs li.selected a, .ffz-dark .directory_header .nav li.selected a, .ffz-dark ul.tabs_fake li.selected a, .ffz-dark ul.tabs li>a:hover, .ffz-dark .directory_header .nav li>a:hover, .ffz-dark ul.tabs_fake li>a:hover, .ffz-dark ul.tabs li>a.active, .ffz-dark .directory_header .nav li>a.active, .ffz-dark ul.tabs_fake li>a.active { color: #aaa; border-color: #ccc !important; } /* Hide the chat Dark Mode control */ .ffz-dark #theme-toggle, .ffz-dark .toggle-darkmode { display: none; } /* Chat Text Contrast */ .ffz-dark .ember-chat .chat-settings .chat-colors .chat-colors-swatch:hover, .ffz-dark .ember-chat .chat-settings .chat-colors .chat-colors-switch.selected { border-color: #777; box-shadow: inset 0 0 0 1px #32323e; } /* Autocomplete Suggestions */ .ffz-dark .ember-chat .chat-interface .suggestions { background-color: rgb(16,16,16); border-color: rgba(255,255,255,0.2); } /* FrankerFaceZ Menu */ /*.ffz-dark .ember-chat .chat-menu .list-header { border-top-color: rgba(255,255,255,0.2); } .ffz-dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading, .ffz-dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading, .ffz-dark .ffz-ui-popup ul.menu, .ffz-dark .ffz-ui-popup ul.menu a, .ffz-sidebar-swap.ffz-dark .ffz-ui-popup ul.menu a { border-color: #32323e; } .ffz-dark .ffz-ui-popup ul.menu { background-color: rgb(33,33,33); } .ffz-dark .ffz-ui-popup ul.menu li.active { background-color: rgb(16,16,16); } .ffz-dark .ffz-ui-popup ul.menu li.active a { border-top-color: rgb(16,16,16); }*/ /* New User Prompt */ .ffz-dark #new-user-prompt { background-color: rgb(25,25,31); color: #acacbf; } .ffz-dark #new-user-prompt .message .title { color: #fff; } /* Messages Table */ .ffz-dark .messages #send_message_form #bottom_buttons, .messages #reply_message_form #bottom_buttons { border-color: rgba(255,255,255,0.2); box-shadow: none; } .ffz-dark .messages #send_message_form .button_group, .ffz-dark .messages #reply_message_form .button_group, .ffz-dark .messages #send_message_form, .ffz-dark .messages #reply_message_form { background: transparent; } .ffz-dark .messages #send_message_form, .ffz-dark .messages #reply_message_form { padding: 10px 0 0 0; } .ffz-dark .messages #message_actions { background-color: rgb(48,48,48); border-bottom-color: rgba(255,255,255,0.2); } .ffz-dark .messages #send_message_form, .ffz-dark .messages .divider { border-color: rgba(255,255,255,0.2); } .ffz-dark .messages .message_action.delete { display: block; width: 16px; height: 16px; background: url(trash_button.png) no-repeat; } .ffz-dark .messages .message_action.delete img { display: none; } .ffz-dark .messages .message_action.block { background-image: url(block_button.png); color: #c1c1c1 !important; } .ffz-dark .messages div.message { border-bottom-color: rgba(255,255,255,0.2); } .ffz-dark .messages div.message:last-of-type { border-bottom-color: transparent; } .ffz-dark .messages div.preview { background-color: rgb(16,16,16); border-bottom-color: rgba(255,255,255,0.2); border-left-color: transparent; } .ffz-dark .messages div.preview.unread { background-color: rgb(32,32,32); border-left-color: #6441a5; } .ffz-dark .messages div.preview:hover { background-color: rgb(8,8,8); } .ffz-dark .messages #messages_column { background-color: transparent; } .ffz-dark .page_links em { background-color: #EEE; color: #000; } .ffz-dark .page_links a.disabled.previous_page b, .ffz-dark .page_links span.disabled.previous_page b { border-right-color: transparent; } .ffz-dark .page_links a.disabled.next_page b, .ffz-dark .page_links span.disabled.next_page b { border-left-color: transparent; } /* Tshirts are weird */ .ffz-dark .teespring-panel-progress { background-color: #393939; } .ffz-dark .teespring-panel-image a { cursor: pointer; } .ffz-dark .teespring-panel-image img { filter: drop-shadow(0px 0px 10px white); -moz-filter: drop-shadow(0px 0px 10px white); -webkit-filter: drop-shadow(0px 0px 10px white); } .ffz-dark .teespring-panel { cursor: inherit; background-color: rgb(8,8,8); border-color: rgba(255,255,255,0.2); } /* Settings */ .ffz-dark .app_title { color: #ccc; } .ffz-dark .connect_items .connect-item-info .details-toggle, .ffz-dark .connect_items .connect-item-info, .ffz-dark ul.manage_simple span.obj { background-color: rgb(8,8,8); } .ffz-dark .connect_items .connect-item-info .details-toggle { border-color: rgba(255,255,255,0.2); } .ffz-dark .connect_items .connect-item-info .details-toggle:hover { border-color: rgba(255,255,255,0.4); } .ffz-dark .connect_items .connect-item-info .status, .ffz-dark #settings #followers_content .hdr, .ffz-dark table.simple_table th { background-color: rgb(32,32,32); border-color: transparent; } .ffz-dark .multi_select li form:hover, .ffz-dark .multi_select li .ms-int:hover, .ffz-dark .multi_select li label:hover { background-color: rgb(8,8,8); } .ffz-dark #turbo_chat_color, .ffz-dark #turbo_emote_set { background-color: rgba(255,255,255,0.05); } .ffz-dark .ui-slider-horizontal:not(.player-slider) { background-color: rgba(255,255,255,0.2); } .ffz-dark .subscription-dash .list-head th { border-color: #474747; color: #ccc; } .ffz-dark .section ul, .ffz-dark .section ul li, .ffz-dark .subdash-feature-section, .ffz-dark .subdash-feature-header__back, .ffz-dark .subdash-feature-header, .ffz-dark .subdash-feature-row--border, .ffz-dark .cl-container .section-header .header-content.indented, .ffz-dark .cl-container .section-header .header-back { border-color: rgba(255,255,255,0.2); } .ffz-dark .subdash-feature-header__back:hover, .ffz-dark .cl-container .section-header .header-back:hover { background-color: rgba(255,255,255,0.2); } .ffz-dark .new-dashboard .dashboard-section .submit-button-fieldset, .ffz-dark .subdash-feature-header, .ffz-dark .cl-container .section-header, .ffz-dark .cl-container .cl-section .cl-subheader { background-color: rgb(32,32,32); } .ffz-dark .cl-container .cl-section { background-color: rgb(16,16,16); } .ffz-dark fieldset { border-color: transparent; } .ffz-dark .connect_items .connect-item-details, .ffz-dark .connect_items .connect-item-details-legal, .ffz-dark .connect_items, .ffz-dark .premium_setup_contain #turbo_setup, .ffz-dark table.simple_table td, .ffz-dark table.simple_table th, .ffz-dark .cl-container .section-header, .ffz-dark .cl-container fieldset { border-bottom-color: rgba(255,255,255,0.2); } .ffz-dark .cl-container fieldset .cl-input-container label { color: #fff } .ffz-dark .subdash-feature-row__title, .ffz-dark .cl-container fieldset .label-wrapper label { color: #ccc; } .ffz-dark .subdash-feature, .ffz-dark #emoticons #emote_switch .set-button, .ffz-dark #example .line { background-color: #19191f; color: #acacbf; } /* Dashboard */ .ffz-dark .dash-tabs__item--active .dash-tabs__label:after { border-color: #191919; } .ffz-dark .dash-tabs__item { background-color: #151515; border-color: rgba(255,255,255,0.2); } .ffz-dark .dash-tabs__item--active { background-color: #191919 } .ffz-dark .game-details__carousel-wrapper:hover .game-details__carousel-arrow, .ffz-dark .card-carousel__button, .ffz-dark .carousel__button { background-color: #101010; } .ffz-dark .game-details__carousel-wrapper:hover .game-details__carousel-arrow:before, .ffz-dark .card-carousel__arrow:before, .ffz-dark .carousel__arrow:before { border-color: #a68ed2; } .ffz-dark .card-carousel__button:hover .card-carousel__arrow:before .ffz-dark .carousel__button:hover .carousel__arrow:before { border-color: #fff; } .ffz-dark .card .brick, .ffz-dark .brick.brick--theme-grey, .ffz-dark .card-carousel__button:hover .ffz-dark .carousel__button:hover { background-color: #191919; } .ffz-dark .brick { background-color: #121212; } .ffz-dark .dash-brick, .ffz-dark .dash-tabs__item--active .dash-tabs__label, .ffz-dark .ct-type-grey { color: #ccc } .ffz-dark .brick--marked.brick--theme-white, .ffz-dark .brick--marked.brick--theme-grey { box-shadow: 3px 0 0 #9a7fcc inset,0 0 0 1px rgba(255,255,255,0.2) inset; } .ffz-dark .brick--faint, .ffz-dark .brick--block { background-color: rgb(25,25,25); } .ffz-dark .brick, .ffz-dark .brick--faint, .ffz-dark .brick--block, .ffz-dark #action_feed .action, .ffz-dark .revHeader__item { border-color: rgba(255,255,255,0.2); } .ffz-dark #mantle_skin .what { background-color: #6441a5; } .ffz-dark #action_feed .action { padding-bottom: 20px } .ffz-dark .js-stream-key-button-container .button { margin: 15px auto; } .ffz-dark .js-show-stream-key, .ffz-dark .js-reset-stream-key { display: block; margin: 15px auto; padding: 0; text-align: center; width: 100px; color: #fff !important; } .ffz-dark .js-show-stream-key { background-color: #804400; } .ffz-dark .js-reset-stream-key { border-color: rgb(128,0,0); } .ffz-dark .js-show-stream-key:hover, .ffz-dark .js-show-stream-key:focus, .ffz-dark .js-reset-stream-key:hover, .ffz-dark .js-reset-stream-key:focus { padding: 5px; margin: 10px auto; } .ffz-dark .stream-key { background: #000; color: #f2f2f2; } .ffz-dark .js-show-stream-key:hover, .ffz-dark .js-show-stream-key:focus { background-color: rgb(192,102,0); } .ffz-dark .js-reset-stream-key:hover, .ffz-dark .js-reset-stream-key:focus { background-color: rgb(192,0,0); } .ffz-dark .statchart_aggregator .statchart_first_column { background-color: rgb(32,32,32); color: #ccc; text-shadow: none; } .ffz-dark .statchart_aggregator { margin-top: 10px; } .ffz-dark .statchart_aggregator td { border-color: #3f3f42; } .ffz-dark .statchart_aggregator .statchart_first_column[style="color: #6441A5"] { color: #a68ed2 !important; } .ffz-dark .whatisthis { box-shadow: 0 0 0 1px rgba(255,255,255,0.2); } .ffz-dark .whatisthis:before { border-top-color: #101010; } .ffz-dark .whatisthis:after { border-top-color: #32323e; } .ffz-dark #chart_container svg rect[fill="#FFFFFF"] { fill: rgb(32,32,32) !important; } .ffz-dark #chart_container svg rect[fill="rgb(255,255,255)"] { fill: rgb(8,8,8) !important; } .ffz-dark #chart_container svg text[x="5"] { color: #fff !important; fill: #fff !important; } .ffz-dark #chart_container svg text.highcharts-title { fill: #a68ed2 !important; } .ffz-dark #chart_container svg text { fill: #fff; } .ffz-dark ul.subtabs li.selected { background-color: #333; border-radius: 4px; } .ffz-dark .dropmenu .menu-divider { border-bottom-color: rgba(255,255,255,0.2); } .ffz-dark #header_logo svg path { fill: #fff; } .ffz-dark #dash_main .action .content .data, .ffz-dark #site_header { background-color: rgb(32,32,32); } .ffz-dark .header_divider { border-right-color: rgba(255,255,255,0.2); } .ffz-dark #dash_main .dash-player-contain.collapsed #player_overlay, .ffz-dark .dash-hostmode-contain { background: #202020; } .ffz-dark #dash_main #delay_controls, .ffz-dark #dash_main #commercial_buttons, .ffz-dark .dash-hostmode-list-contain { border-top-color: rgba(255,255,255,0.2); } .ffz-dark #dash_main #controls_column .section_header { color: #ccc; } .ffz-dark .main, .ffz-dark .fullwidth_main { color: #ccc; background-color: transparent; } .ffz-dark .following-col .col-header, .ffz-dark .following-col .header, .ffz-dark .whatisthis .actions .divider, .ffz-dark .dash-chat-column { border-color: rgba(255,255,255,0.2); } .ffz-dark .dash-column { border: none } .ffz-dark .js-dashboard-chat-module > div { border-right: none !important } .ffz-dark .vod-vertical-nav { background-color: #191919; border-color: #474747; } .ffz-dark .vod-vertical-nav__list-item .active, .ffz-dark .vod-vertical-nav__list-item .active:hover, .ffz-dark .vod-vertical-nav__list-item .active:active, .ffz-dark .vod-vertical-nav__list-item .active:focus { background-color: #6441a5; } .ffz-dark .vod-vertical-nav__link:hover, .ffz-dark .vod-vertical-nav__link:active, .ffz-dark .vod-vertical-nav__link:focus { background-color: #392e5c; } .ffz-dark .dashboard-page div[style*="background"][style*="#f9f8fc"] { background-color: #191919 !important } /* Front Page: Pulse */ .ffz-dark .newsfeed { background-color: #101010; } /* /p/ Pages */ .ffz-dark .header-announcement__link, .ffz-dark .front-page-announcement__link { color: inherit } .ffz-dark .header-announcement { color: #fff; } .ffz-dark #mantle_skin .wrapper { background-color: transparent; } .ffz-dark #mantle_skin div[style^=" display:background:#ffffff"], .ffz-dark #mantle_skin .social_links img { background-color: #fff; } .ffz-dark #mantle_skin div[style^=" display:background:#ffffff"] .extraspace { color: #333 } .ffz-dark #mantle_skin ul.vtabs li .not_linked, .ffz-dark #mantle_skin ul.vtabs li a { color: #acacbf; } .ffz-dark #partner_application .partner_reqs { background-color: #191919; border-color: #404040; } .ffz-dark #mantle_skin ul.vtabs li.selected a, .ffz-dark #mantle_skin ul.submenu li a:hover, .ffz-dark .sort-contain .sort-options li a:hover, .ffz-dark #mantle_skin ul.submenu .active a { color: #fff !important; } .ffz-dark #mantle_skin ul.vtabs li a:hover { color: rgb(222,222,222); background-color: transparent; } .ffz-dark #mantle_skin .press_list .callout { color: #acacbf; border-left-color: #575757; } .ffz-dark .legal_page ol.legal li { color: rgb(222,222,222); } .ffz-dark .static-page h1 { color: #fff !important; -webkit-text-stroke: none !important; } .ffz-dark .static-page p.p2 { color: #ccc; -webkit-text-stroke: none; } .ffz-dark .static-page td, .ffz-dark .static-page td { border-color: #474747; } .ffz-dark .legal_page ol.legal li p { color: #ccc; } /* Search */ .ffz-dark ul.subtabs, .ffz-dark .user_list .user, .ffz-dark .mixed_list .user, .ffz-dark .video_list .video, .ffz-dark .mixed_list .video { border-bottom-color: rgba(255,255,255,0.2); } .ffz-dark .user_list .user .user_stats .followers_count, .ffz-dark .mixed_list .user .user_stats .followers_count, .ffz-dark .clmgr-meta-special figure, .ffz-dark li.video.vods img.video_type { filter: invert(100%); -webkit-filter: invert(100%); } .ffz-dark .form__input[type=range] { background-color: transparent; } .ffz-dark .form__input[type=text], .ffz-dark .form__input[type=email], .ffz-dark .form__input[type=search], .ffz-dark select.pl-form__input, .ffz-dark textarea.form__input, .ffz-dark select.form__input, .ffz-dark .new-header-search input { color: #fff; background-color: rgba(255,255,255,0.05); box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset; } .ffz-dark .form__input[type=text]:focus, .ffz-dark .form__input[type=email]:focus, .ffz-dark .form__input[type=search]:focus, .ffz-dark textarea.form__input:focus, .ffz-dark select.form__input:focus, .ffz-dark .new-header-search input:focus { box-shadow: rgba(255,255,255,0.4) 0 0 0 1px inset; } /* Playlist */ .ffz-dark .cn-chat-replay-header { background: transparent; border: none; } .ffz-dark .cn-chat-replay-header, .ffz-dark .ember-chat .chat-header { box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.2); } .ffz-dark .playlist-controller, .ffz-dark .playlist-item { border-color: rgba(255,255,255,0.2); } .ffz-dark .playlist-container:not(.playlist-enabled) .playlist-item:hover, .ffz-dark .playlist-container:not(.playlist-enabled) .ui-sortable-helper { background-color: rgba(255,255,255,0.2); } /* VoDs */ .ffz-dark .app-main .chatReplay .notice-wrapper .svg-logo_glitch { fill: #242424 !important; } .ffz-dark .app-main .chatReplay.dark, .ffz-dark .app-main .chatReplay .noticeWrap, .ffz-dark .app-main .chatReplay .notice-wrapper { background-color: #19191f; } .ffz-dark.ffz-no-blue .app-main .chatReplay.dark, .ffz-dark.ffz-no-blue .app-main .chatReplay .noticeWrap, .ffz-dark.ffz-no-blue .app-main .chatReplay .notice-wrapper { background-color: #191919; } .ffz-dark .chatReplay .loading-spinner-container { background: rgba(25,25,25,0.65); } /* Conversations */ .ffz-dark .conversations-list-bottom-bar { background-color: #19191f; color: #8c8c9c; border-color: rgba(255,255,255,0.1); } .ffz-dark .conversation-list-bottom-bar:hover { color: #fff; } .ffz-dark .conversations-list { background-color: #19191f; border: 1px solid #32323e; color: #fff; } .ffz-dark .conversations-list:before { right: 9px; border-color: rgba(50,50,62,0); border-top-color: #32323e; } .ffz-dark .conversations-list:after { border-color: rgba(25,25,31,0); border-top-color: #19191f; border-width: 10px; margin-left: -10px; } .ffz-dark .conversations-list .conversations-list-header { background-color: #121217; border-bottom: 1px solid #32323e; color: #fff; } .ffz-dark .conversations-list .conversation-preview-line { color: #8c8c9c; } .ffz-dark .conversations-list .search-divider, .ffz-dark .conversations-list .conversations-list-item { border-bottom: 1px solid #32323e; } .ffz-dark .conversations-list .conversations-list-item:hover { background-color: #121217; } .ffz-dark .conversation-window { background-color: #19191f; box-shadow: none; color: #8c8c9c; } .ffz-dark .conversations-list .search-divider, .ffz-dark .convoHeader { background-color: #121217; box-shadow: none; } .ffz-dark .conversation-input-actions .button, .ffz-dark .conversation-input-actions .follow-button:not(.ember-follow) .follow, .ffz-dark .follow-button:not(.ember-follow) .conversation-input-actions .follow { background-color: #444; } .ffz-dark .conversation-window.has-focus .convoHeader { background-color: #121217; } .ffz-dark .conversation-window.has-focus .convoHeader .username { color: #fff; } .ffz-dark .conversation-window.has-focus .conversation-input-bar textarea:focus { border-color: rgba(255,255,255,0.2); } .ffz-dark .conversation-window.has-focus .conversation-input-actions .button, .ffz-dark .conversation-window.has-focus .conversation-input-actions .follow-button:not(.ember-follow) .follow, .ffz-dark .follow-button:not(.ember-follow) .conversation-window.has-focus .conversation-input-actions .follow { background-color: #6441a5; } .ffz-dark .conversation-system-message { background-color: #19191f; color: #8c8c9c; border-bottom: 1px solid #32323e; } .ffz-dark .conversation-input-bar .emoticon-selector-toggle svg path { fill: rgba(255,255,255,0.2); } .ffz-dark .conversation-input-bar .emoticon-selector-toggle:hover svg path { fill: rgba(255,255,255,0.5); } .ffz-dark .emoticon-selector-box .emote-set { border-color: #323232 !important; } .ffz-dark .conversation-input-bar .emoticon-selector-box .emoticon-grid { background-color: #191919; } .ffz-dark .ember-chat .chat-settings .experimental-options { border-top-color: rgba(255,255,255, 0.2); } .ffz-dark .dash-widget__divider, .ffz-dark .conversation-settings-menu .options-divider { border-bottom-color: rgba(255,255,255,0.2); } .ffz-dark .conversation-settings-menu:before { border-color: transparent; border-bottom-color: #32323e; } .ffz-dark .conversation-settings-menu:after { border-color: transparent; border-bottom-color: rgb(16,16,16); } .ffz-dark .conversation-window { border: 1px solid rgba(255,255,255,0.2); } .ffz-dark:not(.ffz-top-conversations) .conversation-window { border-bottom: none; } .ffz-dark.ffz-top-conversations .conversation-window { border-top: none; } .ffz-dark .conversation-window:not(.collapsed) .convoHeader { border-bottom: 1px solid rgba(255,255,255,0.2); } /* Creative UI */ .ffz-dark .ct-spotlight__right { background-color: #121212; } .ffz-dark .ct-spotlight__controls-container { background-color: #161616; box-shadow: -1px 0 0 #303030 inset; } .ffz-dark .ct-bar { background-color: #121212; box-shadow: 0 2px 6px -2px rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(255,255,255,0.05); } .ffz-dark .ct-banner__name, .ffz-dark .ct-banner__status, .ffz-dark .ct-type-2, .ffz-dark .ct-type-4 { color: #aaa; } .ffz-dark .ct-type-grey-light { color: #ccc; } .ffz-dark .ct-crumb:after { box-shadow: 12px -6px 24px -8px rgba(255,255,255,0.1); border-color: #303030; } .ffz-dark .ct-spotlight__avatar { box-shadow: 0 0 0 1px #303030, 0 2px 3px #303030; } .ffz-dark .ct-spotlight__right--col .ct-spotlight__card-container { box-shadow: 0 -1px 0 #303030 inset; } .ffz-dark hr, .ffz-dark .ct-spotlight__section, .ffz-dark .balloon__stroke, .ffz-dark .ct-spotlight__avatar, .ffz-dark .ct-bar__item { border-color: #303030; } .ffz-dark .ct-crumb--1:after, .ffz-dark .ct-crumb--1 .ct-crumb__label { background-color: #121212; } .ffz-dark .ct-crumb--2:after, .ffz-dark .ct-crumb--2 .ct-crumb__label { background-color: #161616; } /* Creative Tags */ .ffz-dark .ct-tags__tag { background-color: #121212; color: #999 !important; } .ffz-dark .ct-tag--light .ct-tag__link:hover { color: #ccc !important } .ffz-dark .ct-tags__tag:hover { background-color: #000; color: #ccc !important; } .ffz-dark .ct-tags__tag.ct-tags__tag--current { background-color: #7d5bbc; color: #fff !important; } .ffz-dark .ct-banner--off .ct-banner__header { color: #999 } .ffz-dark .ct-banner--off .ct-banner__link { color: #ccc } /* Activity Feeds */ .button.alert { color: #fff !important } .ffz-dark .activity-notice { background-color: rgba(24,24,24,0.9) } .ffz-dark .pill { background-color: rgba(255,255,255,0.2) } .ffz-dark .activity-list-end svg { fill: #474747 } .ffz-dark .activity-meta { box-shadow: 0 1px 0 #474747; } .ffz-dark .activity-meta-divider:before { background-color: #191919; border-top-color: #474747; border-left-color: #474747; } .ffz-dark .activity-button:hover { border-color: #d5d5d5; background-color: #242424; } .ffz-dark .activity-create:not(.activity-create--expand) { border-color: #474747 } .ffz-dark .activity-create__actions { background-color: #191919; border-color: #474747; box-shadow: none; } .ffz-dark .activity-create__container, .ffz-dark .activity-button { border-color: #474747; color: #fff !important; background-color: #191919; } .ffz-dark .activity-card { border: 1px solid; background-color: #191919; } .ffz-dark .activity-card__reason { background-color: #141414; color: #ccc; box-shadow: none; } .ffz-dark .list-load-more, .ffz-dark .activity-card { border-color: #474747; } .ffz-dark .activity-card__status { background-color: #191919; } .ffz-dark .activity-meta-divider { box-shadow: inset 0 -1px 0 #474747; } .ffz-dark a.balloon__link:hover { color: #fff !important } .ffz-dark .activity-meta__name { color: #ccc } .ffz-dark .activity-reaction__emote-contain { background-color: #101010; } .ffz-dark .activity-comments { border-color: #474747; } .ffz-dark .activity-comment:hover { background-color: rgba(255,255,255,0.2); } .ffz-dark .activity-card__comments { background-color: #121212; box-shadow:inset 0 1px 0 #474747; } .ffz-dark .activity-create { background-color: #101010; box-shadow: none; /*inset 0 0 0 1px #474747;*/ } .ffz-dark .activity-create--card { box-shadow: 0 1px 2px rgba(255,255,255,0.2); } .ffz-dark .c-background { background: #101010 !important } .ffz-dark .activity-create--focus { background-color: #191919; /*box-shadow: none; inset 0 0 0 1px #474747;*/ border-color: rgba(255,255,255,0.4) !important; } .ffz-dark .c-text { color: #aaa !important } .ffz-dark .c-text-alt { color: #999 !important } .ffz-dark .activity-add-comment__textarea:before { background: #1d1d1d; border-left-color: #474747; border-bottom-color: #474747; } .ffz-dark .mod-dashboard__video-title, .ffz-dark .activity-card { color: #ccc } .inherit-color { color: inherit !important } .ffz-dark .tw-button--icon-only figure svg { fill: #a68cd4; } .ffz-dark .mod-comment { background-color: #191919; box-shadow: inset 0 0 0 1px #474747; } .ffz-dark .mod-comment__timestamp { color: #a68cd4; background-color: #222; } .ffz-dark .mod-comment__video a:active, .ffz-dark .mod-comment__video a:focus, .ffz-dark .mod-comment__video a:hover { background-color: #333 !important } .ffz-dark .mod-comment:active, .ffz-dark .mod-comment:focus, .ffz-dark .mod-comment:hover { box-shadow: 0 2px 2px 0 rgba(255,255,255,.05), inset 0 0 0 1px #474747; } .ffz-dark .c-background-alt-2 { background-color: #222 !important } .ffz-dark .automod-words__item { border-color: #474747; background-color: #111; } .ffz-dark .automod-words__item--selected { background-color: #333; } .ffz-dark .automod-words__text { color: #ccc } .ffz-dark .automod-words__fade-mask { background: none; } /* VOD Messages */ .ffz-dark .vod-chat { color: #ccc; background-color: #191919; } .ffz-dark .vod-chat__header { box-shadow: inset 0 -1px 0 0 #474747; } .ffz-dark .vod-message.vod-message--focused .vod-message__reply, .ffz-dark .vod-message:hover .vod-message__reply, .ffz-dark .vod-message__reply { box-shadow: inset 3px 0 0 0 #474747; } .ffz-dark .vod-message__reply-button { color: #a68cd4; } .ffz-dark .vod-chat__input { background-color: #191919; box-shadow: inset 0 1px 0 0 #474747; } .ffz-dark .vod-message.vod-message--focused, .ffz-dark .vod-message:hover { background-color: #333; } /* Search Panel */ .ffz-dark[data-current-path="user.channel.index.index"] .search-panel { background-color: rgba(16,16,16,0.9) } .ffz-dark .search-panel { background-color: #101010; color: #C3C3C3; } .ffz-dark .search-panel--fly:before, .ffz-dark .search-panel--fly:after { border-bottom-color: #404040; } .ffz-dark .search-panel__title-bar { background-color: #090909; } .ffz-dark .search-panel, .ffz-dark .search-panel__title-bar, .ffz-dark .search-panel__title-back { border-color: rgba(255,255,255,0.2) } .ffz-dark .search-panel__title { color: #999 } .ffz-dark .search-panel__title-back:hover, .ffz-dark .search-result-view__block.isActive { background-color: #222 } .ffz-dark .search-result-view__titlesep:hover, .ffz-dark a:hover .card__title, .ffz-dark .card__title a:hover, .ffz-dark .card__info a:hover { color: #ccd; } .ffz-dark .search-result-view__block .card__info span, .ffz-dark .search-result-view__block .card__title, .ffz-dark .search-result-view__title-more { color: #a68ed2 !important } .ffz-dark .search-result-view__titlesep { background-color: #090909; } .ffz-dark .search-result-view__block .card__layout:hover .card__info span, .ffz-dark .search-result-view__block .card__layout:hover .card__title { color: #fff !important } /* Channel Redesign */ .ffz-dark .cn-bar { background-color: #101010; box-shadow: inset 0 -1px 0 #161616, -1px 1px rgba(255,255,255,0.065); } .ffz-dark .twitchbot-settings__border-more, .ffz-dark .border-t, .ffz-dark .border-b, .ffz-dark .cn-metabar__more { border-color: rgba(255,255,255,0.2) !important; } .ffz-dark .twitchbot-settings__hover-text-help, .ffz-dark .twitchbot-settings__rule-container:hover, .ffz-dark .twitchbot-settings__right-container { background-color: #191919; } .ffz-dark .cn-bar__button--resubscribe, .ffz-dark .button--icon.cn-bar__button--subscribed { background-color: #161616; box-shadow: 0 0 0 1px rgba(255,255,255,0.065) inset; } .ffz-dark .twitchbot-settings__help, .ffz-dark .twitchbot-settings__level-context, .ffz-dark .cn-bar__avatar-wrap { background-color: #101010; border-color: #101010; } .ffz-dark .twitchbot-settings__arrow-up { border-bottom-color: #101010; } .ffz-dark .cn-bar__displayname { color: #c3c3c3; } .ffz-dark .cn-tabs__item--withseparator:after { border-color: rgba(255,255,255,0.2); } .ffz-dark .cn-tabs__item > a { color: #999; } .ffz-dark .cn-tabs__item > a.active, .ffz-dark .cn-tabs__item > a:hover { color: #a68ed2; } .ffz-dark .cn-tabs__item > a:hover:after { border-color: #a68ed2; } .ffz-dark .offer-list__core:after, .ffz-dark .offer-item__ci:after { background-image: linear-gradient(rgba(16,16,16,0) 0,#101010 100%) } /* Video Uploads */ .ffz-dark .vod-vertical-nav + div .card > div[style], .ffz-dark #video-manager .card > div[style], .ffz-dark .videos.uploads .card > div[style] { background-color: #101010 !important; } .ffz-dark .cn-vod-info__divider { background-color: rgba(255,255,255,0.2) } .ffz-dark .card__body--theme-grey { background-color: #161616; } .ffz-dark .drop-zone__border, .ffz-dark .subscription-modal__right, .ffz-dark .subscription-modal__bar { border-color: rgba(255,255,255,0.2); } .ffz-dark .subscription-modal__sub-tabs input:checked+.subscription-modal__sub-tabs-label { color: #ccc; box-shadow: 0 -2px 0 #a68ed2 inset, 0 4px 6px -4px #a68cd4; } .ffz-dark .subscription-modal__sub-tabs-label { color: #a68cd4; } .ffz-dark .balloon .filter-bar__balloon-link--active { color: #fff !important; background-color: #6441a5 !important; } /* New Dashboard */ .ffz-dark .gu-transit, .ffz-dark .dash-widget { background-color: #191919; border-color: rgba(255,255,255,0.2); box-shadow: 0 2px 2px 0 rgba(255,255,255,0.05); color: #c3c3c3; } .ffz-dark .form__input[type=checkbox]:not(:checked)+label:before, .ffz-dark .form__input[type=radio]:not(:checked)+label:before, .ffz-dark .dash-widget__header { background-color: #232323; border-color: rgba(255,255,255,0.2); } .ffz-dark .dash-widget-watchparty-card:hover { background-color: rgba(255,255,255,0.1); } /* Notification Center */ .ffz-dark .notification-center { background-color: #101010; color: #C3C3C3; box-shadow: 0 0 0 1px rgba(255,255,255,0.2); } .ffz-dark .notification-center-balloon:before, .ffz-dark .notification-center-balloon:after { display: none } .ffz-dark .friend-requests__empty, .ffz-dark .friend-request__content-msg, .ffz-dark .friend-requests__footer a:hover, .ffz-dark .notification-center__unread-container, .ffz-dark .notification-center__subheader-text, .ffz-dark .notification__content-msg, .ffz-dark .notification-center__header-text { color: #C3C3C3 } .ffz-dark .notification__details { color: #777 } .ffz-dark .notification__dismiss svg, .ffz-dark .notification__details svg { fill: #777 } .ffz-dark .notification__dismiss:hover svg { fill: #AAA } .ffz-dark .notification__dismiss svg polygon { fill: #333 } .ffz-dark .notification-center__subheader { background-color: #1a1a1a; border-color: rgba(255,255,255,0.2); } .ffz-dark .sc-onboarding .sc-onboarding__content, .ffz-dark .sc-onboarding .sc-onboarding__close { background-color: #101010; box-shadow: -0.1rem 0 0 #474747 inset; } .ffz-dark .sc-onboarding { box-shadow: 0 0 0 0.1rem #474747; } .ffz-dark .offer-item__ci--wrap { border-color: #474747 } .ffz-dark .offer-item__background--purple, .ffz-dark .offer-item--title, .ffz-dark .notification-center__footer, .ffz-dark .notification-center__header { border-color: rgba(255,255,255,0.2); background-color: #101010; } .ffz-dark .offer-item__background--gray, .ffz-dark .notification-center__core { background-color: rgba(255,255,255,0.05); } .ffz-dark .notification-center__core-end { box-shadow: inset 0.1rem 0.4rem 1rem -.5rem; color: rgba(255,255,255,0.2); } .ffz-dark .friend-requests__empty, .ffz-dark .friend-requests__footer, .ffz-dark .notification--read, .ffz-dark .notification { background-color: rgba(255,255,255,0.01); border-color: rgba(255,255,255,0.1); } .ffz-dark .notification--unread { background-color: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); } .ffz-dark .friend-requests__footer:hover, .ffz-dark .notification--read:hover, .ffz-dark .notification--unread:hover { background-color: rgba(255,255,255,0.1); } .ffz-dark .friend-requests__footer a { color: #a68ed2; } /* Playlists are Stupid */ .ffz-dark .playlist-card__title { color: #ccc } .ffz-dark .playlist-card-meta__stat { color: #a68cd4 } .ffz-dark .playlist-add-search-card__layout { border-color: transparent !important; box-shadow: none !important; } .ffz-dark .playlist-add-search-card--selected:before { background-color: rgba(255,255,255,0.1); } .ffz-dark .playlist-card { color: #ccc; background-color: #161616; } .ffz-dark .dash-widget-watchparty-card__gripper, .ffz-dark .playlist-editor-card__gripper { background-color: #242424; box-shadow: -8px 0 5px -5px #202020; } .ffz-dark img[src="https://static-cdn.jtvnw.net/ttv-playlists-thumbnails-prod/missing-video-thumb-640x360.png"] { filter: grayscale(100%) invert(100%); } /* Front Page is Stupid */ .ffz-dark .fp-side { background-color: #191919; box-shadow: inset 0 0 0 1px #474747; } .ffz-dark .fp-side__footer { background-color: #121212; box-shadow: inset 0 -1px 0 #474747, inset -1px 0 0 #474747, inset 1px 0 0 #474747; } .ffz-dark .fp-carousel-nav__item:not(.fp-carousel-nav__item--active) { border-color: #474747; } .ffz-dark .fp-carousel__title, .ffz-dark .fp-carousel__desc p, .ffz-dark .fp-carousel__name, .ffz-dark .fp-side__header { color: #c3c3c3 } /* Game Pages */ .ffz-dark .game-details-igc__details, .ffz-dark .game-details__section--white { background-color: #060606; } .ffz-dark .game-details__section--grey { background-color: #101010; } .ffz-dark .inventory-header, .ffz-dark .game-details-igc__card, .ffz-dark .cmrc-igc-line--with-separators, .ffz-dark .game-details__section--white+.game-details__section--grey, .ffz-dark .game-details__section--grey+.game-details__section--white { border-color: #474747; } .ffz-dark .icon-platform-windows--black svg { fill: #ccc; } .ffz-dark .activity--not-included { background-color: #202020; } .ffz-dark .activity--level-0 { background-color: rgba(100,65,164,.1) } .ffz-dark .activity--level-1 { background-color: rgba(100,65,164,.25) } .ffz-dark .activity--level-2 { background-color: rgba(100,65,164,.4) } .ffz-dark .activity--level-3 { background-color: rgba(100,65,164,.55) } .ffz-dark .activity--level-4 { background-color: rgba(100,65,164,.7) } .ffz-dark .activity--level-5 { background-color: rgba(100,65,164,.85) } .ffz-dark .activity--level-6 { background-color: rgba(100,65,164,1) } .ffz-dark .inventory-item__image { background-color: #191919; border-color: #474747; } .ffz-dark .border-r { border-color: #474747; } .ffz-dark .bg--grey { background-color: #242424; } .ffz-dark .clmgr-table__cell-wrapper:nth-child(even) .clmgr-table__cell--collapsed { background-color: rgba(255,255,255,0.1); } .ffz-dark .clmgr-table__cell-wrapper:nth-child(even) .clmgr-table__cell--collapsed:hover, .ffz-dark .clmgr-table__cell--collapsed:hover { background-color: rgba(255,255,255,0.2); } .ffz-dark .stats-table__header { background-color: #101010; } .ffz-dark .border, .ffz-dark .stats-table__cell, .ffz-dark .stats-table { border-color: #474747; } .ffz-dark .stats-table__cell { color: #ccc } .ffz-dark .stats-table__row:nth-child(even) { background-color: #191919; } .ffz-dark .stats-table__row:hover { background-color: #333; }