Skip to content

Instantly share code, notes, and snippets.

@mlopes
Last active May 7, 2019 13:20
Show Gist options
  • Save mlopes/a90f35fd21e0b1ae1e1c52aeba1c7d3e to your computer and use it in GitHub Desktop.
Save mlopes/a90f35fd21e0b1ae1e1c52aeba1c7d3e to your computer and use it in GitHub Desktop.
/* ===[ General ]=== */
#messages_container > div.p-history_container.message_pane_scroller > div > div:nth-child(2) > div > div.c-virtual_list.c-virtual_list--scrollbar.c-message_list.c-scrollbar.c-scrollbar--fade > div.c-scrollbar__hider {
background: #2A2E39;
}
.c-message--light .c-message__sender .c-message__sender_link {
color: #ffffff
}
.c-message__body {
color: #cccccc;
}
.c-message_attachment {
color: #cccccc;
}
.c-message__body:hover {
background: #2A2E39;
}
.c-message_attachment:hover {
background: #2A2E39;
}
.c-message_attachment__pretext {
color: #666666;
}
.c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--focus:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight) {
background: #2A2E39;
}
.c-mrkdwn__member--link, .c-mrkdwn__subteam--link {
background: #492A2A;
}
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; }
.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 {
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 }
message.active:not(.standalone):not(.multi_delete_mode), ts-message:hover:not(.standalone):not(.multi_delete_mode) {
background: #4A5664;
}
.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, 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%); }
@mlopes
Copy link
Author

mlopes commented Jan 11, 2018

Quick hack to get a slack dark theme to work since it broke the text colours on dark themes. Still has a few things to do. Such as:

  • Fix hover on borders of messages
  • Fix hover on borders of attachments
  • User name colour is still not readable
  • Mentions are still in inverted colours

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment