Created
June 29, 2016 13:20
-
-
Save toddhalfpenny/41057cb98ebd36028541a782186ec5a3 to your computer and use it in GitHub Desktop.
Stylish - Slack Dark Fixed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ===[ General ]=== */ | |
| body { | |
| background: #2A2E39; | |
| color: #c0c0c0; } | |
| a, a:link, a:visited { | |
| color: #6ecff6 } | |
| a:hover, a:active, a:focus { | |
| color: #6ecff6 } | |
| hr { | |
| border-top: 1px solid #2A2E39; | |
| border-bottom: 1px solid #4a3b49; } | |
| h1, h2, h3, h4, h1 a, h1 a:active, h1 a:hover, h1 a:link, h1 a:visited { | |
| color: #c0c0c0 } | |
| input[type="text"]:focus, input[type="text"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="password"]:focus, input[type="password"]:active, textarea:focus, textarea:active, select:focus, select:active { | |
| box-shadow: 0 0 7px rgba(0,0,0,0.15); | |
| border-color: #253647; } | |
| ::-webkit-input-placeholder { | |
| color: #6ecff6!important } | |
| ::-moz-placeholder { | |
| color: #6ecff6!important } | |
| :-moz-placeholder { | |
| color: #6ecff6!important } | |
| /* ===[ Slack Status ]=== */ | |
| .section { | |
| background: #f3f3f3; | |
| color: #555459; } | |
| .section.large_top_margin { | |
| margin-top: 0!important; } | |
| .section .current_incident { | |
| margin-bottom: 2rem!important; } | |
| .section a, .section a:link, .section a:visited { | |
| color: #2a80b9; } | |
| .section a:hover, .section a:active, .section a:focus { | |
| color: #439fe0; } | |
| .section .cloud_silver { | |
| color: #babbbf !important; } | |
| .section .indifferent_grey { | |
| color: #555459 !important; } | |
| .section h1, .section h2, .section h3, .section h4 { | |
| color: #555459; } | |
| .section hr { | |
| border: 1px solid #DDD; } | |
| .section #footer { | |
| background: none; } | |
| /* ===[ Loading View ]=== */ | |
| .loading #loading-zone { | |
| background: #2A2E39; | |
| left: 110px; } | |
| .loading #col_channels_bg { | |
| background: #2A2E39 } | |
| #self_help_link_div { | |
| right: 110px!important } | |
| #loading_indicator, #loading_welcome_msg { | |
| color: #6ecff6; | |
| text-shadow: 0 1px #253647; } | |
| #loading_team_menu_bg, #loading_user_menu_bg { | |
| border: none } | |
| /* ===[ Messages Container ]=== */ | |
| .msgs_holder, #msgs_overlay_div, .msg_inline_img { | |
| background: #2A2E39 } | |
| .light_theme .message_sender, .dense_theme .file_reference:hover a.file_download_link { | |
| color: #6ecff6!important } | |
| #messages_unread_status, .file_reference .icon, .file_list_item .icon { | |
| background: #5D6680; | |
| color: #FFF; } | |
| #messages_unread_status.quiet, .msgs_holder .unread_divider span.divider_label, #connection_div { | |
| background: #5D6680; | |
| color: #c0c0c0; } | |
| .msgs_holder .unread_divider hr { | |
| border-top: 1px dashed #5D6680!important } | |
| .message .msg_actions, .bullet, .file_list_item .bullet { | |
| color: #856980 } | |
| .supports_sticky_position .day_divider { | |
| background: #2A2E39 } | |
| .day_divider hr { | |
| border-top: 1px solid #261f26; | |
| border-bottom: 1px solid #4a3b49; } | |
| .day_divider_label, .bot_label { | |
| background: #2A2E39; | |
| color: #6ecff6; } | |
| .day_divider .day_divider_label { | |
| background: #2A2E39; | |
| } | |
| .dense_theme #message_edit_form { | |
| margin: 0 } | |
| .dense_theme #message_edit_container { | |
| padding: 3px } | |
| .dense_theme #message_edit_form .emo_menu { | |
| top: auto } | |
| #message_edit_form span, #message_edit_form p, #message_edit_container .timestamp { | |
| color: #253647!important } | |
| #message_edit_form #cancel_edit, #message_edit_form #commit_edit { | |
| color: #253647!important; | |
| text-decoration: underline; } | |
| .menu_member_user_details { | |
| background: #1C526B; | |
| border-bottom-color: #253647; | |
| color: #c0c0c0; } | |
| #welcome_slide_app_icons a { | |
| color: #c0c0c0; | |
| border: 1px solid #4a3b49; } | |
| #welcome_slide_app_icons a:hover { | |
| color: #c0c0c0; | |
| background: #5D6680; | |
| border-color: #261f26 } | |
| .dense_theme .message .message_star_holder { | |
| position: absolute; | |
| left: -12px; | |
| top: 2px; } | |
| .dense_theme .file_reference a:not(.member):not(.member_name):not(.icon):not(.timestamp):not(.preview_main_action):not(.preview_show_more):not(.file_preview_action), .inline_attachment a span:hover, .inline_attachment a span:active, .msg_inline_video_buttons_div a, .msg_inline_video_buttons_div a:visited, .inline_attachment .attachment_footer a:hover, .inline_attachment .attachment_footer a:active, .inline_attachment .attachment_ts a:hover, .inline_attachment .attachment_ts a:active, .dense_theme .file_reference:hover a:hover:not(.member):not(.member_name):not(.icon):not(.timestamp),.light_theme ts-message .message_content .message_sender { | |
| color: #6ecff6!important } | |
| .light_theme .msg_inline_img_holder, .light_theme .msg_inline_video_holder, .dense_theme .msg_inline_img, .dense_theme .msg_inline_video { | |
| border: 2px solid #253647 } | |
| .inline_attachment .attachment_bar, .special_formatting_quote .quote_bar { | |
| background: #6ecff6!important } | |
| .msg_inline_video_buttons_div { | |
| background: rgba(62,49,60,0.4) } | |
| .light_theme .message, .dense_theme .message, #messages_unread_status.quiet a, .delete_attachment_link, .bot_message .message_sender, .bot_message .message_sender a, .msg_inline_img_expander:hover, .msg_inline_img_collapser:hover, .msg_inline_video_expander:hover, .msg_inline_video_collapser:hover, .msg_inline_audio_expander:hover, .msg_inline_audio_collapser:hover, .msg_inline_attachment_expander:hover, .msg_inline_attachment_collapser:hover, a.file_download_link:hover, #msgs_scroller_div #end_display_div #end_display_welcome h1, #msgs_scroller_div #end_display_div #end_display_meta h1, .snippet_preview pre, #msgs_scroller_div #end_display_div p, a:hover .file_inline_icon, .message:hover .msg_actions:hover, .menu_member_user_details .member_name, .dense_theme .message.pinned .pinned_item_message_header { | |
| -webkit-transition: background-color 0.2s; | |
| transition: background-color 0.2s; | |
| color: #c0c0c0 } | |
| .light_theme .message.joined .message_content, .light_theme .message.left .message_content, .light_theme .message.topic .message_content, .light_theme .message.purpose .message_content, .light_theme .message.rename .message_content, .light_theme .message.archived .message_content, .light_theme .message.unarchived .message_content, .dense_theme .message.joined, .dense_theme .message.left, .dense_theme .message.topic, .dense_theme .message.purpose, .dense_theme .message.rename, .dense_theme .message.archived, .dense_theme .message.unarchived, .star, .light_theme .message .timestamp, .dense_theme .message .timestamp, .message .edited, .light_theme .message .meta, .dense_theme .message .meta, .dense_theme .message.first .timestamp, .light_theme .message.unprocessed, .dense_theme .message.unprocessed, .light_theme .message:hover .timestamp, .dense_theme .message:hover .timestamp, .dense_theme .file_reference a:not(.member):not(.member_name):not(.icon):not(.timestamp), .dense_theme .file_reference:hover a:not(.member):not(.member_name):not(.icon):not(.timestamp), a.member_preview_link.member_name, .inline_attachment span.attachment_author_subname, .inline_attachment span.attachment_service_name, .inline_attachment span.attachment_author_name, .inline_attachment .attachment_ts a, .inline_attachment .attachment_footer a, .help i.callout, .file_inline_icon, .dense_theme .message.pinned .pinned_item_message_header a { | |
| color: #6ecff6 } | |
| ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight) { | |
| background: #4A5664; | |
| -webkit-transition: background-color 0.5s; | |
| transition: background-color 0.5s; | |
| } | |
| .dense_theme .message.divider, .dense_theme .message.first, .dense_theme .message.first.divider { | |
| margin-top: .2rem; | |
| border-top: 1px solid transparent; } | |
| .message .msg_actions, .day_divider { | |
| background: none } | |
| .delete_attachment_link:hover, .msg_inline_img_expander, .msg_inline_img_collapser, .msg_inline_video_expander, .msg_inline_video_collapser, .msg_inline_audio_expander, .msg_inline_audio_collapser, .msg_inline_attachment_expander, .msg_inline_attachment_collapser, #connection_div a { | |
| color: #6ecff6 } | |
| .message.edit_mode, .message .mention { | |
| background: #5D6680; | |
| border-radius: 3px; | |
| color: #fff; | |
| padding: 3px } | |
| .inline_attachment iframe, .inline_attachment .iframe_placeholder { | |
| background: #1C526B } | |
| .ts_tip .ts_tip_multiline_inner, .ts_tip:not(.ts_tip_multiline) .ts_tip_tip, .tooltip-inner { | |
| background: #1C526B; | |
| color: #c0c0c0 } | |
| .ts_tip.ts_tip_top .ts_tip_tip::after, .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow { | |
| border-top-color: #1C526B } | |
| .message.delete_mode, .message.multi_delete_mode, .selecting_messages .message.multi_delete_mode:hover { | |
| background: #642828 } | |
| /* ===[ Channel Menu ]=== */ | |
| .flexpane_toggle_button { | |
| border: 1px solid rgba(0, 0, 0, 0.5); | |
| color: #c0c0c0 } | |
| #flex_menu_toggle.flexpane_toggle_button.active, #flex_menu_toggle.flexpane_toggle_button.active:hover, #details_toggle.flexpane_toggle_button.active, #recent_mentions_toggle.flexpane_toggle_button.active, #stars_toggle.flexpane_toggle_button.active, #flex_menu_toggle.flexpane_toggle_button.active, #details_toggle.flexpane_toggle_button.active:hover, #recent_mentions_toggle.flexpane_toggle_button.active:hover, #stars_toggle.flexpane_toggle_button.active:hover, #flex_menu_toggle.flexpane_toggle_button.active:hover, #rxn_toast_div { | |
| color: #6ecff6; | |
| border: 1px solid rgba(0, 0, 0, 0.5); | |
| background-color: #253647 } | |
| #active_channel_name:hover i { | |
| color: #c0c0c0 } | |
| #channel_members_toggle { | |
| background: #2A2E39; | |
| color: #c0c0c0; } | |
| #channel_members { | |
| border: 1px solid #2A2E39 } | |
| #header, ul.member_list li:hover { | |
| background: #2A2E39 } | |
| #active_channel_name .name, #active_channel_name .topic, #active_channel_name .prefix, #channel_members_toggle .channel_members_toggle_icon, #channel_members_toggle, #details_tab .channel_page_section .disclosure_triangle, #details_tab .channel_page_member_row.away a { | |
| color: #6ecff6 } | |
| #active_channel_name:hover .prefix, #channel_header .star, #flex_menu .fa-list-ul, #active_channel_name i, #channel_members_toggle:hover, #channel_members_toggle:hover .channel_members_toggle_icon, #details_tab .channel_page_section .section_header:hover .disclosure_triangle, #details_tab .channel_page_member_row a, #details_tab .created_by, #details_tab .channel_page_action .leave_link:hover { | |
| color: #6ecff6 } | |
| .channel_page_members_highlighter, .msg_highlighter, .channel_page_pinned_items_highlighter { | |
| background: #253647!important } | |
| #details_tab .channel_page_section { | |
| background: #2A2E39 } | |
| #details_tab .channel_page_section { | |
| border-color: #253647 } | |
| #details_tab .channel_page_section .section_header a, #details_tab .channel_page_action .leave_link { | |
| color: #6ecff6 } | |
| /* ===[ Search ]=== */ | |
| #header_search_form .search_input, #autocomplete_menu .tips_header .new_badge { | |
| background: #1C526B; | |
| border: 1px solid #2A2E39; | |
| color: #6ecff6; } | |
| #search_results_items .search_paging, #paging_in_options .search_paging, #autocomplete_menu, #autocomplete_menu .keyword_match .modifier, .search_form .icon_search, .search_message_result .search_message_result_meta a, .search_message_result .search_message_result_meta .date_links a, #header_search_form.search_form .icon_search { | |
| color: #6ecff6 } | |
| #header_search_form.search_form.feature_assistive_search .icon_search { | |
| top: 6px } | |
| .popover_menu, #menu.popover_menu { | |
| background-color: #2A2E39; | |
| border-top: 1px solid #253647; } | |
| .popover_menu .arrow_shadow:after { | |
| box-shadow: 0 0 0 1px #253647, 0 0 2px rgba(0,0,0,0.1) } | |
| .popover_menu .content, .popover_menu .arrow:after, .popover_menu .arrow_shadow:after, .popover_menu.showing_header .arrow:after, .popover_menu.showing_header .arrow_shadow:after { | |
| background-color: #253647 } | |
| .highlighter_underlay .modifier:before, .highlighter_underlay .keyword:before { | |
| background: #1C526B; | |
| background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#1C526B),color-stop(1,#5D6680)); | |
| background: -ms-linear-gradient(bottom,#1C526B,#5D6680); | |
| background: -moz-linear-gradient(center bottom,#1C526B 0,#5D6680 100%); | |
| background: -o-linear-gradient(#5D6680,#1C526B); | |
| border: 1px solid #253647; } | |
| .highlighter_underlay .modifier.incomplete:before { | |
| background: #261f26; | |
| background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#261f26),color-stop(1,#2A2E39)); | |
| background: -ms-linear-gradient(bottom,#261f26,#2A2E39); | |
| background: -moz-linear-gradient(center bottom,#261f26 0,#2A2E39 100%); | |
| background: -o-linear-gradient(#2A2E39,#261f26); | |
| border: 1px solid #253647; } | |
| #autocomplete_menu footer .modifier:before, #autocomplete_menu header .modifier:before, #autocomplete_menu footer .keyword:before, #autocomplete_menu header .keyword:before, #autocomplete_menu .history .modifier:before, #autocomplete_menu .history .keyword:before { | |
| background: #2A2E39; | |
| background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#2A2E39),color-stop(1,#1C526B)); | |
| background: -ms-linear-gradient(bottom,#2A2E39,#1C526B); | |
| background: -moz-linear-gradient(center bottom,#2A2E39 0,#1C526B 100%); | |
| background: -o-linear-gradient(#1C526B,#2A2E39); | |
| border: 1px solid #253647; } | |
| .highlighter_underlay .keyword:before, #autocomplete_menu .history .keyword:before { | |
| border-left: 0 } | |
| #autocomplete_menu .history .modifier:after { | |
| border-right: 0 } | |
| #autocomplete_menu .boxed { | |
| background: #1C526B; | |
| background-image: -o-linear-gradient(-89deg,#2A2E39 0,#1C526B 100%); | |
| background-image: -moz-linear-gradient(-89deg,#2A2E39 0,#1C526B 100%); | |
| background-image: -ms-linear-gradient(-89deg,#2A2E39 0,#1C526B 100%); | |
| background-image: linear-gradient(-179deg,#2A2E39 0,#1C526B 100%); | |
| border: 1px solid #253647; | |
| -webkit-box-shadow: 0 1px 0 0 #253647; | |
| -moz-box-shadow: 0 1px 0 0 #253647; | |
| box-shadow: 0 1px 0 0 #253647; } | |
| #autocomplete_menu .magnifying_glass { | |
| display: none!important } | |
| #autocomplete_menu .section_header .header_label { | |
| background: #261f26; | |
| color: #c0c0c0; | |
| padding-left: .8rem; } | |
| .search_result_with_extract { | |
| background: #2A2E39; | |
| box-shadow: 0 1px 10px #2A2E39; | |
| border: 1px solid #253647; } | |
| .search_result_with_extract:hover { | |
| border: 1px solid #2A2E39 } | |
| #autocomplete_menu header, #autocomplete_menu ol li:hover { | |
| background-color: #2A2E39 } | |
| #autocomplete_menu .monkey_scroll_wrapper { | |
| background-color: #253647 } | |
| .search_result_for_context::after { | |
| background: #2A2E39; | |
| background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2A2E39),color-stop(1,rgba(77, 57, 75, 0))); | |
| background: -ms-linear-gradient(bottom,#2A2E39,rgba(77, 57, 75, 0)); | |
| background: -moz-linear-gradient(center bottom,#2A2E39 0,rgba(77, 57, 75, 0) 100%); | |
| background: -o-linear-gradient(rgba(77, 57, 75, 0),#2A2E39); } | |
| #search_tabs, #search_filters a, #advanced_options_toggle, #search_options, #advanced_options { | |
| background: #2A2E39; | |
| color: #c0c0c0; } | |
| #search_filters a:hover { | |
| border-bottom: 4px solid #2A2E39 } | |
| #search_filters.messages #filter_messages, #search_filters.files #filter_files { | |
| color: #c0c0c0; | |
| border-bottom: 4px solid #2A2E39; } | |
| .search_light_grey { | |
| color: #6ecff6!important } | |
| .search_message_result { | |
| background: #2A2E39; | |
| color: #c0c0c0; | |
| border: none; } | |
| .search_message_result:hover { | |
| border: none } | |
| .search_message_result.feature_search_extracts, .search_message_result:hover.feature_search_extracts { | |
| border-top: 2px solid #253647 } | |
| span.match { | |
| background: #997300 } | |
| #search_filters, #search_options { | |
| border-bottom: 1px solid #2A2E39 } | |
| .search_form.active .icon_close { | |
| display: none; } | |
| /* ===[ Sidebar ]=== */ | |
| #team_menu { | |
| color: #6ecff6; | |
| background: #2A2E39; | |
| border-bottom: none; | |
| border-right: 2px solid #253647; } | |
| #col_channels { | |
| background: #2A2E39; | |
| border-right: 2px solid #253647; } | |
| #user_menu { | |
| border-right: 2px solid #253647 } | |
| #quick_switcher_btn, #quick_switcher_btn:active, #quick_switcher_btn:hover { | |
| background: #2A2E39; | |
| border-top: none; | |
| border-right: 2px solid #253647 } | |
| #quick_switcher_btn:active > i, #quick_switcher_btn:hover > i, #quick_switcher_btn:active > #quick_switcher_label, #quick_switcher_btn:hover > #quick_switcher_label, #quick_switcher_btn:active > #quick_switcher_shortcut, #quick_switcher_btn:hover > #quick_switcher_shortcut, .channels_list_holder h2.hoverable:hover:not(.jquery_hover), #team_menu.active #current_user_name, #team_menu:hover #current_user_name, #menu:not(.keyboard_active) .dm_list_item:hover .dm_list_real_name, #menu:not(.keyboard_active) .dm_list_item:hover .dm_list_username, .dm_list_item.highlighted .dm_list_real_name, .dm_list_item.highlighted .dm_list_username, #menu.team_menu ul li.highlighted > a, #menu.team_menu:not(.keyboard_active) ul li:hover > a { | |
| color: #c0c0c0 } | |
| #menu_header .menu_simple_header, #menu ul li.highlighted a, #menu:not(.keyboard_active) ul li:hover a, .menu_example ul li.highlighted a, .menu_example:not(.keyboard_active) ul li:hover a { | |
| background: #2A2E39; | |
| border-bottom: 1px solid #2A2E39; } | |
| .dm_list_real_name { | |
| color: #c0c0c0 } | |
| #menu_footer .menu_footer { | |
| background: #2A2E39; | |
| border-top: none; } | |
| #about_dms_link { | |
| color: #6ecff6 } | |
| #team_menu i, #user_menu i, .dm_list_username, #menu.team_menu ul li > a { | |
| color: #6ecff6 } | |
| #team_menu:hover i, #user_menu:hover i, #about_dms_link:hover { | |
| color: #6ecff6 } | |
| #menu.team_menu ul, #menu.team_menu ul li > a { | |
| background: #2A2E39 } | |
| #team_menu.team_menu.active, #team_menu.team_menu:hover, #menu.team_menu ul li.highlighted, #menu.team_menu:not(.keyboard_active) ul li:hover, #menu ul li.highlighted a, #menu:not(.keyboard_active) ul li:hover a, .menu_example ul li.highlighted a, .menu_example:not(.keyboard_active) ul li:hover a { | |
| background: #2A2E39 } | |
| #menu.team_menu ul .section_header .header_label { | |
| background: transparent; | |
| color: #c0c0c0 } | |
| #menu.team_menu ul .section_header hr { | |
| border: none } | |
| #channel_list_invites_link { | |
| border: 0; | |
| color: #6ecff6; | |
| margin: auto; | |
| margin-left: 1rem } | |
| #channel_list_invites_link:hover { | |
| border: 0; | |
| color: #c0c0c0 } | |
| .list_more:hover { | |
| border-bottom-color: #c0c0c0; | |
| color: #c0c0c0!important } | |
| /* ===[ Footer ]=== */ | |
| #footer { | |
| background: #2A2E39 } | |
| #messages-input-container.new_msg_input #primary_file_button { | |
| background: #2A2E39; | |
| background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#2A2E39),color-stop(1,#1C526B)); | |
| background: -ms-linear-gradient(bottom,#2A2E39,#1C526B); | |
| background: -moz-linear-gradient(center bottom,#2A2E39 0,#1C526B 100%); | |
| background: -o-linear-gradient(#1C526B,#2A2E39); | |
| color: #6ecff6; | |
| text-shadow: 0 1px 1px #253647; | |
| border: 2px solid #253647; | |
| border-right: none; } | |
| #messages-input-container.new_msg_input #primary_file_button:hover, #messages-input-container.new_msg_input #primary_file_button.active { | |
| background: #1C526B; | |
| color: #c0c0c0; | |
| border-color: #253647; } | |
| #messages-input-container.new_msg_input.focus #primary_file_button { | |
| border-color: #253647 } | |
| #typing_text, #special_formatting_text { | |
| color: #6ecff6 } | |
| #chat_input_tab_ui { | |
| background: #1C526B; | |
| border: 1px solid #253647; } | |
| #chat_input_tab_ui_header { | |
| background: #1C526B; | |
| color: #c0c0c0; | |
| border-bottom: 1px solid #253647; | |
| text-shadow: 0 1px #253647; } | |
| #chat_input_tab_ui ul.type_emoji li, #menu.file_menu ul li i.file_menu_icon, #menu.file_menu ul li > a { | |
| color: #c0c0c0 } | |
| #menu.file_menu ul li.highlighted > a, #menu.file_menu:not(.keyboard_active) ul li:hover > a, #menu.file_menu ul li.highlighted i.file_menu_icon, #menu.file_menu:not(.keyboard_active) ul li:hover i.file_menu_icon { | |
| color: #6ecff6 } | |
| .file_menu #monkey_scroll_wrapper_for_menu_items_scroller { | |
| background: #2A2E39 } | |
| #chat_input_tab_ui li.chat_input_tab_item.active, #chat_input_tab_ui li.chat_input_tab_item:hover, #menu.file_menu ul li.highlighted, #menu.file_menu:not(.keyboard_active) ul li:hover { | |
| background: #2A2E39; | |
| color: #c0c0c0; | |
| border-bottom-color: #253647; | |
| text-shadow: 0 1px rgba(0,0,0,0.1); } | |
| #chat_input_tab_ui li.chat_input_tab_item, .tab_complete_ui li.tab_complete_ui_item.active, .tab_complete_ui li.tab_complete_ui_item:hover { | |
| border-bottom: 1px solid #253647 } | |
| .tab_complete_ui li.tab_complete_ui_item { | |
| border-bottom: 1px solid #1C526B } | |
| .special_formatting_tips code { | |
| color: #253647 } | |
| /* ===[ Flexpane ]=== */ | |
| #flex_toggle i { | |
| transform: scaleX(-1); | |
| margin: 5px; } | |
| .flex_pane_showing #flex_toggle i { | |
| transform: none; | |
| margin: 5px 7px; } | |
| #col_flex, #flex_contents .heading, .activity_item .icon:hover { | |
| background: #2A2E39 } | |
| #flex_contents .heading .menu_heading, .toolbar, #flex_contents .heading { | |
| background: #2A2E39; | |
| color: #6ecff6; } | |
| .member_mentions_options, #flex_contents #file_list_container .toolbar, #client-ui .team_tabs_container, #search_options { | |
| background: #2A2E39; | |
| border-top: none; | |
| border-bottom: 1px solid #253647; } | |
| #flex_contents .heading a, #search_filters a, .light_theme .mention_rxn .mention_rxn_summary .member_preview_link, .light_theme .mention_rxn .mention_rxn_summary .mention_rxn_summary_members, .activity_item_meta { | |
| color: #6ecff6 } | |
| #flex_contents .heading .menu_heading:hover, #flex_contents .heading a:hover, #file_preview_container .file_header .title a:hover, #advanced_options_toggle:hover, .team_list_item a:hover, .file_list_item:hover .title a, .file_list_item:active .title a, .file_list_item.active .title a, .file_list_item #share_dialog .title a, .no_results, #menu.search_filter_menu label, .search_sort_prefix, .file_list_item .actions a, .file_list_item .actions span, #flex_contents .heading a.close_flexpane, .light_theme .message .msg_right_link, #flex_contents .flexpane_tab_bar li.active a, #search_filters.messages #filter_messages, #search_filters.files #filter_files, .light_theme .mention_rxn .mention_rxn_summary, .CodeMirror pre, #member_preview_scroller a:not(.member_name), .team_list_item a:not(.member_name), #member_preview_scroller a:hover:not(.member_name), .team_list_item a:hover:not(.member_name), #flex_contents .flexpane_tab_bar li a { | |
| color: #6ecff6 } | |
| .secondary_file_button, .filetype_icon::before { | |
| color: #6ecff6!important } | |
| .monkey_scroll_wrapper, #dms_filter, #file_member_filter, #menu.flex_menu, .file_preview_wrapper .file_preview { | |
| background: #2A2E39 } | |
| .indifferent_grey, .icon_new_window:hover { | |
| color: #c0c0c0!important } | |
| .file_header .member, .cloud_silver, .file_meta, .file_meta > a, .activity_item .member_preview_link, .comment .member, .team_list_item { | |
| color: #6ecff6!important } | |
| .file_list_item:hover, .file_list_item:active, .file_list_item.active, .file_list_item #share_dialog, #share_dialog .file_list_item, #client-ui #team_list.feature_new_team_directory .team_list_item.expanded, #client-ui #team_list.feature_new_team_directory .team_list_item:hover { | |
| background-color: #2A2E39; | |
| border-color: #253647; } | |
| .file_list_item:hover .actions, .file_list_item:active .actions, .file_list_item.active .actions, .file_list_item #share_dialog .actions { | |
| background-color: #2A2E39 } | |
| .filetype_button, .team_list_item { | |
| color: #6ecff6!important; | |
| background-color: #2A2E39; | |
| border-color: #253647; } | |
| .filetype_button:hover { | |
| background-color: #2A2E39; } | |
| .filetype_button .file_download_label, #menu .flexpane_menu_item.highlighted a, #menu:not(.keyboard_active) .flexpane_menu_item:hover a { | |
| color: #c0c0c0; | |
| background-color: #5b4359; | |
| border-color: #253647; } | |
| .filetype_button:hover .file_download_label { | |
| background-color: #5b4359; } | |
| .search_segmented_control, #team_list.feature_new_team_directory a.member_action_button:hover { | |
| color: #6ecff6!important; | |
| border-color: #253647!important; } | |
| #team_list a.member_action_button, #member_preview_scroller a.member_action_button, .search_segmented_control.active, .search_segmented_control:hover, #team_list a.member_action_button:hover, #member_preview_scroller a.member_action_button:hover, #team_list a.member_action_button:hover, #member_preview_scroller a.member_action_button:hover { | |
| color: #c0c0c0!important } | |
| #team_list a.member_action_button:hover, #member_preview_scroller a.member_action_button:hover { | |
| color: #c0c0c0!important; | |
| border-color: #5b4359!important; } | |
| .file_list_item:hover .actions a, .file_list_item:active .actions a, .file_list_item.active .actions a, .file_list_item #share_dialog .actions a, .file_list_item:hover .actions span, .file_list_item:active .actions span, .file_list_item.active .actions span, .file_list_item #share_dialog .actions span, .search_segmented_control.active, .activity_item .icon { | |
| background-color: #2A2E39; | |
| border-color: #253647; } | |
| #advanced_options p { | |
| border-top: 1px solid #253647; | |
| padding-bottom: 0 } | |
| a.snippet_preview_more { | |
| color: #000!important } | |
| .extract_expand_icons .down_arrow { | |
| top: 8px; } | |
| .CodeMirror-lines { | |
| background: #FFF } | |
| #flex_contents .help { | |
| border: none; | |
| color: #c0c0c0; } | |
| #flex_contents .heading .menu_icon { | |
| background: none; | |
| color: #6ecff6; } | |
| #menu ul li a.delete_link { | |
| color: #ff8585 } | |
| .nav > li > a:hover, .nav > li > a:focus { | |
| background-color: #2A2E39 } | |
| .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { | |
| background: #2A2E39; | |
| border: 1px solid #253647; } | |
| .secondary_file_button:hover, .activity_item .member_preview_link:hover, .icon_new_window, .sky_blue, .pinned_item .pin_member_name a { | |
| color: #6ecff6!important } | |
| .toolbar, #file_preview_container .heading, #member_preview_container .heading, #team_list_container .heading, .team_list_item, #activity_tab_activity .heading, #stars_tab .heading, #mentions_tab .heading, .nav-tabs, .star_item, #details_tab .channel_page_section { | |
| border-bottom: 1px solid #253647 } | |
| .file_list_item, .file_list_item.post .preview, #file_preview_container .file_header .title a, #search_results_container .heading, #team_list_container .heading, #activity_tab_activity .heading, #stars_tab .heading, #mentions_tab .heading, #file_preview_container .post_body, .search_result_with_extract:hover .extract_expand_icons, .comment_body, .comment .special_formatting_quote .content, #flex_contents .heading .menu_icon:hover, #advanced_options .active .arrow_down, #team_list.feature_new_team_directory a:not(.member_name), #team_list .member_data_table a, #member_preview_scroller .member_data_table a, #file_list_toggle_users.active, #file_list_toggle_users, #menu ul li.highlighted a, #menu:not(.keyboard_active) ul li:hover a, .menu_example ul li.highlighted a, .menu_example:not(.keyboard_active) ul li:hover a, .pinned_item .remove_pin { | |
| color: #c0c0c0 } | |
| .file_list_item .title a, .file_page_meta, .mini, label, .team_list_item:hover a, .extract_expand_icons, .file_list_item a.member, .file_list_item .actions a:hover, #team_list.feature_new_team_directory a:not(.member_name):hover, #team_list .member_data_table a:hover, #member_preview_scroller .member_data_table a:hover, #file_list_toggle_users.active:hover, #file_list_toggle_users:hover, #flex_contents .flexpane_tab_bar li:hover a, .pinned_item .pin_metadata, .pinned_item .remove_pin:hover { | |
| color: #6ecff6 } | |
| .file_list_item .actions .star:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, #team_list.feature_new_team_directory .team_list_item, #client-ui #team_list .team_list_item:hover, #member_preview_scroller .team_list_item:hover, #client-ui #team_list .team_list_item.expanded, #member_preview_scroller .team_list_item.expanded, .file_list_item .actions a, .file_list_item .actions span, #flex_contents .flexpane_tab_bar li.active, .file_preview_wrapper, #flex_contents .flexpane_tab_bar li:hover { | |
| border-color: #253647 } | |
| body:not(.widescreen) #team_list.feature_new_team_directory .team_directory_icon.more_icon, body:not(.widescreen) #team_list.feature_new_team_directory .team_directory_icon.message_icon { | |
| display: none; | |
| width: 0 } | |
| .pinned_item { | |
| background: #2A2E39; | |
| border-color: #2A2E39; | |
| color: #c0c0c0 } | |
| .pinned_item.delete_mode { | |
| border-color: #642828!important } | |
| #details_tab .pinned_item:hover { | |
| border-color: #253647 } | |
| .pinned_item .pinned_message_text .pin_truncate_fade { | |
| background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #253647), color-stop(1, rgba(255, 255, 255, 0))); | |
| background: -moz-linear-gradient(center bottom, #253647 0, rgba(255, 255, 255, 0) 100%) } | |
| /* ===[ Tips ]=== */ | |
| #coachmark_interior { | |
| color: #c0c0c0 } | |
| #coachmark_footer p { | |
| color: #6ecff6 } | |
| #coachmark.channels_coachmark_div, #coachmark.channels_coachmark_div #coachmark_callout, #coachmark.channels_coachmark_div #coachmark_interior, #coachmark.search_coachmark_div, #coachmark.search_coachmark_div #coachmark_callout, #coachmark.search_coachmark_div #coachmark_interior, #coachmark.direct_messages_coachmark_div, #coachmark.direct_messages_coachmark_div #coachmark_callout, #coachmark.direct_messages_coachmark_div #coachmark_interior, #coachmark.private_groups_coachmark_div, #coachmark.private_groups_coachmark_div #coachmark_callout, #coachmark.private_groups_coachmark_div #coachmark_interior, #coachmark.starred_items_coachmark_div, #coachmark.starred_items_coachmark_div #coachmark_callout, #coachmark.starred_items_coachmark_div #coachmark_interior { | |
| background-color: #2A2E39 !important; } | |
| /* ===[ Menus ]=== */ | |
| #menu ul, .menu_example ul, ul.dropdown-menu { | |
| background: #2A2E39 } | |
| #menu, .menu_example { | |
| border: 1px solid #253647 } | |
| #menu ul li a, .menu_example ul li a, ul.dropdown-menu li a { | |
| background: #2A2E39; | |
| color: #6ecff6; | |
| border-bottom: 1px solid #253647; } | |
| #menu ul li.highlighted a, .menu_example ul li.highlighted a, #menu ul li.file_menu_item.highlighted a, #menu .flexpane_menu_item.highlighted a, .dropdown-menu > li > a:hover { | |
| background: #2A2E39; | |
| color: #FFF; | |
| border-bottom: 1px solid #253647; | |
| text-shadow: 0 1px 0 rgba(255,255,255,0.2); } | |
| #flex_menu_header, #flex_menu_footer { | |
| background: #2A2E39!important } | |
| #menu .flexpane_menu_item a, .menu_meta { | |
| color: #c0c0c0 } | |
| #flex_menu_callout { | |
| background: none } | |
| #menu ul li.divider, ul.dropdown-menu li.divider, #menu ul li.double-divider { | |
| display: none } | |
| /* ===[ Inputs ]=== */ | |
| .btn, .btn:active, .btn.active { | |
| color: #c0c0c0!important } | |
| .btn-primary, .btn, .btn:active, .btn.active { | |
| background: #1C526B } | |
| .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn:hover, .btn.hover, .btn:focus { | |
| background: #2A2E39 } | |
| .btn-outline { | |
| background: #1C526B!important; | |
| color: #6ecff6!important; | |
| border: 1px solid #2A2E39; } | |
| .btn_outline::after { | |
| border: 0 } | |
| .btn-group > .btn-outline { | |
| border-width: 1px } | |
| .btn-group .btn:hover:not(.active), .btn-group .btn:active:not(.active) { | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,0.25); } | |
| .btn-group > .btn-outline + .btn-outline:hover, .btn-group > .btn-outline + .btn-outline:active, .btn-group > .btn-outline + .btn-outline.active { | |
| margin-left: -1px } | |
| #message-input, textarea, textarea:focus, input, select, .member_filter, #menu input, .uneditable-input { | |
| background: #2A2E39!important; | |
| color: #c0c0c0!important; | |
| border: 2px solid #253647!important; } | |
| #messages-input-container.new_msg_input.offline #message-input, #message-input.offline { | |
| background-color: #253647!important; | |
| color: #6ecff6!important } | |
| textarea:focus, textarea:active, input:focus, input:active, .uneditable-input:focus { | |
| border: 2px solid #2A2E39!important } | |
| input[type="file"] { | |
| color: #6ecff6!important } | |
| input[disabled] { | |
| background-color: #253647!important; | |
| border-color: #253647!important; } | |
| .btn-outline.active, .btn-outline:hover, .btn-outline.hover { | |
| background: #2A2E39!important; | |
| color: #6ecff6!important; | |
| border: 2px solid #2A2E39; } | |
| /* ===[ Scrollbar ]=== */ | |
| #client-ui .monkey_scroll_bar, .monkey_scroll_bar { | |
| background: #2A2E39 } | |
| #client-ui .monkey_scroll_handle_inner, .monkey_scroll_handle_inner { | |
| background: #253647; | |
| border: 3px solid #2A2E39; } | |
| /* ===[ Modals ]=== */ | |
| .modal_input_note, .input_note, #omnibox #omnibox_help, #fs_modal .fs_modal_btn, #omnibox .omnibox_item .subtext, #omnibox .omnibox_item.selected .subtext { | |
| color: #6ecff6 } | |
| #omnibox #omnibox_results .omnibox_item.selected { | |
| background: #6698C8; | |
| color: #fff} | |
| #lightbox_dialog.modal .icon_new_window { | |
| color: #6ecff6!important } | |
| #new_prefs_dialog .modal-header { | |
| border-bottom: 1px solid #2A2E39 } | |
| #new_prefs_dialog .modal-nav { | |
| background: #1C526B; | |
| border-right: 1px solid #2A2E39; } | |
| #new_prefs_dialog .modal-nav a, #fs_modal .fs_modal_btn:hover { | |
| background: #1C526B; | |
| color: #c0c0c0; | |
| text-shadow: 0 1px 0 #000; } | |
| #new_prefs_dialog .modal-nav a.active { | |
| background: #2A2E39; | |
| color: #c0c0c0; | |
| text-shadow: 0 1px 0 rgba(255,255,255,0.1); } | |
| .chzn-container-multi .chzn-choices { | |
| background: #2A2E39; | |
| color: #c0c0c0!important; | |
| border: 2px solid #253647; } | |
| .chzn-container-active .chzn-choices .search-field input, #lightbox_dialog.modal .member, #lightbox_dialog.modal .lightbox_meta:hover .icon_new_window, #admin_invites_header, #admin_invites_header .clear_blue { | |
| color: #c0c0c0!important } | |
| .chzn-container .chzn-drop, .chzn-container .chzn-results .no-results { | |
| background: #1C526B; | |
| border: none; } | |
| .chzn-container .chzn-results .highlighted { | |
| background-color: #2A2E39 } | |
| #list_browser p.highlighted, #lightbox_dialog.modal .lightbox_meta:hover, #omnibox .omnibox_item.selected, #list_browser p.highlighted, #list_browser:not(.keyboard_active) p:hover { | |
| background: #2A2E39 } | |
| #list_controls { | |
| color: #c0c0c0; | |
| border-bottom: 1px solid #2A2E39; } | |
| #list_search_container .icon_search, #list_browser .item_creator, #list_browser .item_purpose, #list_browser_dialog .modal-footer a, #lightbox_dialog.modal .lightbox_meta .title a, #lightbox_dialog.modal .lightbox_meta .title a:hover, .admin_invites_account_type_option .option_arrow { | |
| color: #6ecff6 } | |
| .modal .monkey_scroll_wrapper { | |
| background: none } | |
| .modal-header .close { | |
| margin-top: 5px } | |
| .modal, .modal-header, .modal-footer, #new_prefs_dialog .modal-nav a:hover, #fs_modal, .admin_invites_account_type_option.disabled:hover .account_type_disabled_hover { | |
| background: #2A2E39; | |
| color: #c0c0c0; } | |
| .modal label, .chzn-container .chzn-results .group-result, .modal .close, #list_browser_dialog .modal-footer a:hover, .admin_invites_account_type_option p, #omnibox .omnibox_item.selected { | |
| color: #c0c0c0 } | |
| #admin_invites_header_divider { | |
| border-color: #2A2E39 } | |
| .admin_invites_account_type_option, #admin_invites_channel_picker_container { | |
| border-bottom-color: #2A2E39 } | |
| #admin_invites_add_row { | |
| background: #2A2E39; | |
| border-color: #253647 } | |
| /* ===[ Emojis ]=== */ | |
| #emoji_menu, #emoji_menu_header, #emoji_menu_footer, #emoji_menu_footer div, #emoji_menu.all_emoji #emoji_menu_header { | |
| background: #2A2E39; | |
| color: #c0c0c0; } | |
| #emoji_menu_footer { | |
| border-top: 1px solid #2A2E39 } | |
| #emoji_menu_items_scroller, #emoji_menu:not(.all_emoji) a.emoji_grouping_tab.active, #emoji_menu:not(.all_emoji) a.emoji_grouping_tab:hover, #monkey_scroll_wrapper_for_emoji_menu_items_scroller, #emoji_menu h3, .tab_complete_ui li.tab_complete_ui_item.active, .tab_complete_ui li.tab_complete_ui_item:hover { | |
| background: #1C526B } | |
| #emoji_menu.all_emoji a.emoji_grouping_tab.active, #emoji_menu.all_emoji a.emoji_grouping_tab:hover { | |
| background: #2A2E39; | |
| border-color: #253647; | |
| color: #c0c0c0 } | |
| #emoji_menu .emoji_li a:hover, #emoji_menu h3#emoji_h3_default_rxns { | |
| background: #2A2E39 } | |
| #emoji_menu_footer div, div#emoji_tip, #messages-input-container.new_msg_input .emo_menu, #emoji_menu.all_emoji a.emoji_grouping_tab, #emoji_menu #emoji_preview_deluxe, .emoji_rxn.active .emoji_rxn_count, .emoji_rxn:hover .emoji_rxn_count { | |
| color: #c0c0c0 } | |
| .emoji_rxn { | |
| background: #253647; | |
| border-color: #2A2E39 } | |
| .emoji_rxn .emoji_rxn_count, .emoji_rxn.menu_rxn .ts_icon, .emoji_rxn.user_reacted .emoji_rxn_count, #message_edit_form.focus .emo_menu, #messages-input-container.new_msg_input.focus .emo_menu, #message_edit_form .emo_menu, #messages-input-container.new_msg_input .emo_menu { | |
| color: #6ecff6 } | |
| .emoji_rxn.active, .emoji_rxn:hover, #emoji_menu #emoji_div_default_rxns { | |
| border-color: #1C526B } | |
| .emoji_rxn.user_reacted { | |
| background: #2A2E39; | |
| border-color: #1C526B!important } | |
| /* ===[ Website ]=== */ | |
| nav.top.persistent { | |
| background: #2A2E39 } | |
| .widescreen header #header_team_name a i { | |
| margin-left: 1.5em } | |
| .widescreen #user_menu { | |
| border-right: none } | |
| header .vert_divider { | |
| border-left: 1px solid #253647 } | |
| table.mini td, table.mini th { | |
| border-bottom: 1px solid #2A2E39 } | |
| .icon.thumb_80 img, .icon.thumb_40 img, .icon.square img { | |
| border-radius: 0 } | |
| .file_reference .icon, .file_list_item .icon, .file_preview { | |
| border: 2px solid #253647; } | |
| .btn.btn_outline.btn_warning, .btn.btn_outline.btn_danger, .no_touch .btn.btn_outline.btn_danger:hover { | |
| background: #253647 } | |
| .card, .tab_pane, .tab_set a.selected, .tab_set a.secondary.selected, .feature_new_team_sites #all_time, .feature_new_team_sites #third_row.column, .feature_new_team_sites #second_row.column { | |
| background: #2A2E39; | |
| border: 1px solid #253647; | |
| color: #c0c0c0; } | |
| header #header_team_nav { | |
| background: #2A2E39; | |
| border: 1px solid #253647; } | |
| html.no_touch .plastic_row:hover { | |
| background: #2A2E39; | |
| border: 1px solid #253647; | |
| border-color: #253647; } | |
| .tab_actions { | |
| background: #2A2E39; | |
| border: 1px solid #253647; | |
| border-color: #253647; } | |
| .btn_outline { | |
| border: 1px solid #253647 } | |
| .btn_outline:active { | |
| border-bottom: 1px solid #2A2E39!important } | |
| .admin_list_item.expanded .btn-outline { | |
| color: #c0c0c0!important; | |
| border: 1px solid #2A2E39; } | |
| .no_touch .btn_outline:hover, .no_touch .btn_outline.hover, .admin_list_item.expanded .btn-outline:hover { | |
| color: #c0c0c0!important; | |
| background: #2A2E39; | |
| border: 1px solid #2A2E39; } | |
| .message.highlight { | |
| background: #997300 } | |
| #page pre, .backup_codes_wrapper, body > pre { | |
| color: #000 } | |
| .pagination ul > li > a, .pagination ul > li > span { | |
| color: #c0c0c0; | |
| background: #2A2E39; | |
| border: 1px solid #253647; } | |
| .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span, html.no_touch .pagination ul > li > a:hover { | |
| background-color: #253647 } | |
| html.no_touch .pagination ul > .disabled > a:hover, .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:focus { | |
| color: #6ecff6; | |
| background: #2A2E39; } | |
| .top_border, header #header_team_nav #add_team_option { | |
| border-top: 1px solid #253647 } | |
| .admin_list_item { | |
| color: #c0c0c0; | |
| border-bottom: 1px solid #2A2E39; } | |
| .inactive, #page_contents .invite_form_column { | |
| background-image: none } | |
| .admin_list_item.inactive { | |
| background: #253647 } | |
| .admin_list_item .inline_name:hover, .admin_list_item .inline_email:hover, .admin_list_item .inline_username:hover { | |
| color: #6ecff6; | |
| background: none!important; | |
| text-decoration: underline; } | |
| .admin_list_item.expanded, .admin_list_item.success, .admin_list_item.processing, .admin_list_item.error { | |
| background-color: #2A2E39 } | |
| .alert { | |
| background-color: #2A2E39; | |
| border: 1px solid #253647; | |
| text-shadow: 0 1px 0 rgba(0,0,0,0.5); } | |
| .alert-info, footer { | |
| color: #c0c0c0; | |
| background-color: #2A2E39; | |
| border-color: #253647; } | |
| .radio_selection, .billing_selection { | |
| color: #c0c0c0!important; | |
| border: 2px solid #253647; | |
| text-shadow: 0 1px 1px rgba(0,0,0,0.5); } | |
| .radio_selection .mini, .slate_blue { | |
| color: #c0c0c0!important } | |
| .radio_selection:hover, .billing_selection:hover { | |
| border-color: #253647 } | |
| .radio_selection.active, .billing_selection.active { | |
| background: #1C526B; | |
| border-color: #2A2E39; } | |
| table th { | |
| border-bottom: 2px solid #253647 } | |
| .help { | |
| border-top: 5px solid #253647 } | |
| .subtle_silver, .log_meta, .service_group a:hover, .service_group:hover a, .burnt_violet, .severe_grey { | |
| color: #6ecff6!important } | |
| .file_actions_cog:hover { | |
| color: #6ecff6!important } | |
| .highlight_yellow_bg { | |
| background-color: #997300!important } | |
| .kelly_green_dark { | |
| color: #FFF!important } | |
| #plan_lite, #plan_enterprise { | |
| border: 1px solid #332631; | |
| text-shadow: 0 1px 1px rgba(0,0,0,0.5); } | |
| #plan_lite:hover, #plan_enterprise:hover { | |
| border-color: #332631; } | |
| #plan_lite .plan_arrow { | |
| border-bottom: 20px solid #332631 } | |
| .plan_arrow, #plan_enterprise .plan_arrow { | |
| border-bottom: 20px solid #241d23 } | |
| .sky_blue_bg { | |
| background-color: #3b2c39!important } | |
| .havana_blue_bg, .clear_blue_bg { | |
| background-color: #332631!important } | |
| .warm_white_bg { | |
| background-color: #2A2E39!important; | |
| border: 1px solid #253647!important; } | |
| .service { | |
| background: #2A2E39; | |
| border: 1px solid #253647; | |
| color: #c0c0c0; } | |
| .service.open { | |
| background: #2A2E39!important; | |
| border: 1px solid #253647; } | |
| .service_row .summary strong { | |
| color: #c0c0c0; | |
| background: #997300; } | |
| .icon_plus { | |
| border: 3px dashed #c0c0c0 } | |
| .banner.apps, #billing_contacts_container { | |
| background: #2A2E39; | |
| border-top: 1px solid #253647; } | |
| #stats_too_soon { | |
| height: 500px } | |
| header, nav#site_nav, .btn-group.open .btn.dropdown-toggle, .btn-group.open .btn.dropdown-toggle, .btn-group.open .btn.dropdown-toggle:hover, table.billing tr:hover td, .log_entry:hover, .service:hover, #all_time, #third_row.column, #second_row.column { | |
| background: #2A2E39 } | |
| #header_team_name, #channel_title, header #header_team_name a, nav#site_nav h3, .widescreen:not(.nav_open) nav#site_nav h3, .plastic_row .description, html.no_touch .plastic_row:hover .chevron, .no_touch input:hover, .no_touch textarea:hover, .no_touch select:hover, .no_touch label.select:not(.disabled):hover:after, .no_touch .accordion_section h4 a:hover, .admin_list_item.expanded .sub_action:hover, .nav_open #menu_toggle, #second_row .disclaimer, #stats_disclaimer, #add_emoji_section h3 a, #stats_too_soon_copy h3, .col_left h2 a, .service h4, .service h4 a, .tab_set a.secondary, .admin_list_item .admin_member_type, .admin_list_item .admin_member_caret, #last_day p.summary strong { | |
| color: #6ecff6 } | |
| header .menu_icon, #stats_too_soon img, header #header_logo { | |
| display: none } | |
| .charcoal_grey, .service_group a, .file_actions_cog { | |
| color: #6ecff6!important } | |
| header #header_team_nav li.active a, html.no_touch header #header_team_nav li a:hover, html.no_touch nav#site_nav #user_menu_contents:hover, .plan, #plan_preview .plan { | |
| color: #c0c0c0; | |
| background: #2A2E39; } | |
| .plastic_row h3, .plastic_row h4 a, .plastic_row .chevron, .service_row a.summary, .accordion_section h4 a, .admin_list_item .admin_member_real_name, .admin_list_item.expanded .sub_action, .card h3 a, header #header_team_nav li a, .alert, .alert h4, #stats_too_soon_copy p, table.mini, .plan_details .column:not(.no_hover):hover, .plan_details .column.active, .preview_details, .cost_explanation, html.no_touch .service_row:not(.no_hover):hover a.summary, html.no_touch .service_row:not(.no_hover):hover .service_chevron, .icon_plus, nav.top.persistent ul a, footer ul a, footer ul a:link, footer ul a:visited { | |
| color: #c0c0c0 } | |
| .plastic_row .icon, #page .msgs_holder, .billing_callout { | |
| background: none } | |
| table tr, .banner, .service_row, .accordion_section, .billing_contact { | |
| border-bottom: 1px solid #2A2E39 } | |
| #footer { | |
| border-top: none } | |
| #header_nav a.primary_nav, #activity_recent_toggle, header #menu_toggle, header .header_btns a, header .header_btns a .label, .file_header .title a, .action_cog, .action_cog i, .widescreen:not(.nav_open) nav#site_nav ul a, .widescreen:not(.nav_open) nav#site_nav ul a:link, .widescreen:not(.nav_open) nav#site_nav ul a:visited, .widescreen:not(.nav_open) nav#site_nav ul a:hover, .widescreen:not(.nav_open) nav#site_nav ul a:active, .widescreen:not(.nav_open) nav#site_nav #user_menu_name, #footer a, a.mini, a.mini:link, a.mini:visited { | |
| color: #6ecff6 } | |
| #header_team_name:hover .fa-caret-down, nav#site_nav #footer_nav a, #home_footer a, .widescreen:not(.nav_open) nav#site_nav #footer_nav a, #header_nav a.primary_nav:hover, #header_nav a.primary_nav.active, ul.sidebar_nav li a.active, ul.sidebar_nav li, .col_left h2 a:hover, .service:hover h4, .service:hover h4 a, .file_header .title a:hover, html.no_touch .action_cog:hover, html.no_touch .action_cog:hover i, html.no_touch header #header_team_name a:hover, html.no_touch header #menu_toggle:hover, html.no_touch header .header_btns a:hover, html.no_touch header .header_btns a:hover .label, .payment_per_month, .plan h3, #plan_preview .plan h3, .plan_tip, .plan_details .column, #pricing_guide label.checkbox, #footer a:hover, a.mini:hover, a.mini:active, html.no_touch .service:not(.no_hover):hover h4, html.no_touch .service:not(.no_hover):hover h4 a { | |
| color: #6ecff6 } | |
| .no_touch .btn:hover, .no_touch .btn.hover, .no_touch .btn:focus, .admin_list_item:hover, .plan_availability, #monkey_scroll_wrapper_for_menu_items_scroller, .modal-backdrop, .icon { | |
| background: #2A2E39 } | |
| #stats_limited { | |
| bottom: 0; | |
| height: 480px; | |
| position: absolute; | |
| width: 100%; | |
| margin-left: -2rem; | |
| background-image: -ms-linear-gradient(top,rgba(255,255,255,0) 0,#253647 65%); | |
| background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#253647 65%); | |
| background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0,#253647 65%); | |
| background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(0.65,#253647)); | |
| background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#253647 65%); | |
| background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0, #253647 65%); } | |
| /* ===[ Filters ]=== */ | |
| .snippet_preview, .special_formatting, .CodeMirror, code, .icon_loading, pre, .backup_codes_wrapper, nav.top.persistent .logo { | |
| filter: invert(100%); | |
| -moz-filter: invert(100%); | |
| -webkit-filter: invert(100%); } | |
| ts-jumper ol li .channel_name, ts-jumper ol li .channel_not_member, ts-jumper ol li .member_real_name, ts-jumper ol li .member_username, ts-jumper ol li .team_username { | |
| color: #6ecff6; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment