/* host mode */ .ffz-dark #hostmode,.hostmode{ background-color:rgb(16,16,16)!important; } .ffz-dark div#channel > .target-frame.active{ 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); } /* hidden chat */ .ffz-dark .ember-chat .chat-hidden-overlay{ background-color:rgb(24,24,24)!important; } /* edit icon */ .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(.glyph-only):hover { color: #fff !important; } /* stats */ .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; } /* main column */ .ffz-dark div#mantle_skin, .ffz-dark div#main_col { background:rgb(16,16,16); color:rgb(195,195,195)!important; border-right: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{ color:rgb(222,222,222)!important; background-color:rgba(16,16,16,0.3)!important; } .ffz-dark div.title > span.over:hover, .ffz-dark div.title > span.real:hover { background-color:rgb(16,16,16)!important; color:rgb(255,255,255)!important; } /* Right Column */ .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 .conversation-settings-menu, .ffz-dark .ember-chat .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box, .ffz-dark .card, .ffz-dark #flyout .content, .ffz-dark .whatisthis, .ffz-dark .ui-menu, .ffz-dark .dropmenu, .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; } .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: #19191f; } .ffz-dark .notification-controls .toggle-notification-menu:before { border-top-color: #8c8c9c; } .ffz-dark .notification-controls .toggle-notification-menu:hover { background-color: #101014; } .ffz-dark .change-banner .banner-preview, .ffz-dark form.js-new_panel_form input, .ffz-dark form.js-new_panel_form 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 .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; } /* 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 .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) span, .ffz-dark a:not(.filter-item):not(.ui-state-focus):not(.button):not(.switch):not(.follow):not(.fb_button) { color: #a68ed2; } .ffz-dark .exit-theatre > a { color: #000 !important; } .ffz-dark .follow-button a, .ffz-dark a.dropmenu_action:hover { color: #fff !important; } .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 .button:not(.primary) { color: #a68ed2; } .ffz-dark .button.glyph-only svg path { fill: #a68ed2; } .ffz-dark .button.glyph-only:hover svg path { 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 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 #highlighter .highlight-content .form-container li label { color: #fff; } /* Subscriptions Page */ .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 .col-header, .ffz-dark .following-col .header { border-color: #32323e; } .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 code { color: #999; } .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 .items-grid .meta .title, .ffz-dark .items-grid .meta p a { color: #9c9c9c !important; } .ffz-dark .items-grid .meta .info { color: #6c6c6c; } .ffz-dark ul.tabs li > a, .ffz-dark .directory_header .nav li > a, .ffz-dark ul.tabs_fake li > a { color: #a68ed2; } .ffz-dark ul.tabs:before, .ffz-dark .direcotry_header .nav:before, .ffz-dark ul.tabs_fake:before { border-color: #32323e; } .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 .toggle-darkmode { display: none; } /* Chat Text Contrast */ .ffz-dark .ember-chat-container.dark .chat-line, .ffz-dark .chat-container.dark .chat-line { color: #acacbf; } .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 .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 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 .label-wrapper label { color: #ccc; } .ffz-dark #emoticons #emote_switch .set-button, .ffz-dark #example .line { background-color: #19191f; color: #acacbf; } /* Dashboard */ .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 { r-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-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 .whatisthis .actions .divider, .ffz-dark .dash-chat-column { border-color: rgba(255,255,255,0.2); } /* /p/ Pages */ .ffz-dark #mantle_skin .wrapper { background-color: transparent; } .ffz-dark #mantle_skin ul.vtabs li .not_linked, .ffz-dark #mantle_skin ul.vtabs li.selected a, .ffz-dark #mantle_skin ul.submenu 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 .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 li.video.vods img.video_type { filter: invert(100%); -webkit-filter: invert(100%); } /* Playlist */ .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); } /* Conversations */ .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 .conversation-input-bar .emoticon-selector-box .emote-set { border-color: #323232; } .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 .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 .conversations-list-icon { background: #19191f; color: #8c8c9c; border-color: #19191f } .ffz-dark .conversations-list-icon:hover { color: #fff } .ffz-dark .conversations-list { background: #19191f; border: 1px solid #32323e; color: #fff } .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:before { right: 9px; border-color: rgba(50,50,62,0); border-top-color: #32323e } .ffz-dark .conversations-list .conversations-list-header { background: #121218; border-bottom: 1px solid #32323e; color: #fff } .ffz-dark .conversations-list .conversation-preview-line { color: #8c8c9c } .ffz-dark .conversations-list .conversations-list-item { border-bottom: 1px solid #32323e } .ffz-dark .conversations-list .conversations-list-item:hover { background-color: #121218; } .ffz-dark .conversation-window { background: #19191f; box-shadow: none; color: #8c8c9c; } .ffz-dark .conversations-list-icon, .ffz-dark .conversation-window { border: 1px solid rgba(255,255,255,0.2); border-bottom: none; } .ffz-dark .conversation-header { background: #121217; box-shadow: none; } .ffz-dark .conversation-window:not(.collapsed) .conversation-header { border-bottom: 1px solid rgba(255,255,255,0.2); } .ffz-dark .conversation-input-bar textarea { border-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.05); color: #b6b6b6 } .ffz-dark .conversation-input-actions .button, .ffz-dark .conversation-input-actions .follow-button:not(.ember-follow) .follow { background-color: #444 } .ffz-dark .conversation-window.has-focus .conversation-header { background-color: #121217 } .ffz-dark .conversation-window.has-focus .conversation-header-name { 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 { background-color: #6441a5 } .ffz-dark .conversation-window .timestamp-line span, .ffz-dark .conversation-window .new-message-divider span { background: transparent; } .ffz-dark .conversation-window .timestamp-line:after, .ffz-dark .conversation-window .new-message-divider:after { display: none; }