mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-27 12:55:55 +00:00
2216 lines
No EOL
52 KiB
CSS
2216 lines
No EOL
52 KiB
CSS
/* 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;
|
|
} |