From Speedy Zebra, 3 Months ago, written in CSS.
Embed
  1. body { background: #222; color: #e6e6e6; }
  2.  
  3. a { color: #949494; }
  4.  
  5. a:link, a:visited { color: #949494; }
  6.  
  7. a:hover, a:active, a:focus { color: #c7c7c7; }
  8.  
  9. hr { border-bottom: 1px solid #424242; border-top: 1px solid #222; }
  10.  
  11. h1, h2, h3, h4 { color: #e6e6e6; }
  12.  
  13. h1 a { color: #e6e6e6; }
  14.  
  15. h1 a:active, h1 a:hover, h1 a:link, h1 a:visited { color: #e6e6e6; }
  16.  
  17. .bordered { border: 1px solid #363636; }
  18.  
  19. .top_border { border-top: 1px solid #363636; }
  20.  
  21. .bottom_border { border-bottom: 1px solid #363636; }
  22.  
  23. .left_border { border-left: 1px solid #363636; }
  24.  
  25. .right_border { border-right: 1px solid #363636; }
  26.  
  27. .bullet { color: #949494; }
  28.  
  29. .alert { background-color: #363636; border-color: #000; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
  30.  
  31. .alert h4 { color: #e6e6e6; }
  32.  
  33. .alert-info { background-color: #363636; border-color: #000; color: #e6e6e6; }
  34.  
  35. .alert-info h4 { color: #e6e6e6; }
  36.  
  37. ::-webkit-scrollbar-track { background: #363636 !important; border-left-color: #363636 !important; border-right-color: #363636 !important; color: #363636 !important; }
  38.  
  39. ::-webkit-scrollbar-thumb { background: #545454 !important; border-left-color: #363636 !important; border-right-color: #363636 !important; color: #222 !important; }
  40.  
  41. ::-webkit-scrollbar-corner { background: #222 !important; }
  42.  
  43. .supports_custom_scrollbar #messages_container::after { background: none !important; }
  44.  
  45. .monkey_scroll_bar { background: #424242; }
  46.  
  47. .monkey_scroll_handle_inner { background: #545454; border: 1px solid #828282; }
  48.  
  49. .monkey_scroll_bar_native_scrollbar_shim { background: transparent; }
  50.  
  51. #client-ui .monkey_scroll_bar { background: #424242; }
  52.  
  53. #client-ui .monkey_scroll_handle_inner { background: #545454; border: 3px solid #222; }
  54.  
  55. .c-scrollbar--monkey .c-scrollbar__track { background: #424242; }
  56.  
  57. .c-scrollbar--monkey .c-scrollbar__bar { background: #545454; box-shadow: 0 3px 0 #222, 0 -3px 0 #222; }
  58.  
  59. .client_channels_list_container { background-color: #363636; border-right-color: #222; }
  60.  
  61. #col_channels { color: #e6e6e6; }
  62.  
  63. .p-channel_sidebar { background-color: #363636; color: #e6e6e6; }
  64.  
  65. .p-channel_sidebar__channel, .p-channel_sidebar__channel:link, .p-channel_sidebar__channel:visited, .p-channel_sidebar__channel:hover, .p-channel_sidebar__link, .p-channel_sidebar__link:link, .p-channel_sidebar__link:visited, .p-channel_sidebar__link:hover { color: rgba(230, 230, 230, 0.8) !important; }
  66.  
  67. .p-channel_sidebar__channel--selected, .p-channel_sidebar__channel--selected:link, .p-channel_sidebar__channel--selected:visited, .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected, .p-channel_sidebar__link--selected:link, .p-channel_sidebar__link--selected:visited, .p-channel_sidebar__link--selected:hover { color: #e6e6e6; }
  68.  
  69. .p-channel_sidebar__channel:hover, .p-channel_sidebar__link:hover { background: #222 !important; }
  70.  
  71. .p-channel_sidebar__header { color: #e6e6e6 !important; }
  72.  
  73. .p-channel_sidebar__channel--im.p-channel_sidebar__channel--selected .c-presence, .p-channel_sidebar__channel--im-slackbot.p-channel_sidebar__channel--selected::before { color: #e6e6e6; }
  74.  
  75. .p-channel_sidebar__channel--im .c-presence--away { color: #949494; }
  76.  
  77. .p-channel_sidebar__channel--selected, .p-channel_sidebar__link--selected { background: #545454 !important; }
  78.  
  79. .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected:hover { background: #545454 !important; }
  80.  
  81. .p-channel_sidebar__channel--selected::before, .p-channel_sidebar__channel--selected:hover::before, .p-channel_sidebar__channel--selected::after, .p-channel_sidebar__channel--selected:hover::after { color: #e6e6e6; }
  82.  
  83. .p-channel_sidebar__link--selected::before, .p-channel_sidebar__link--selected::after { color: #e6e6e6; }
  84.  
  85. .p-channel_sidebar__badge, .p-channel_sidebar__banner--mentions { background: #bf360c; }
  86.  
  87. .p-channel_sidebar .c-custom_scrollbar__thumb_vertical, .p-channel_sidebar .c-scrollbar__bar { background: #545454; }
  88.  
  89. .p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name, .p-channel_sidebar__link--unread .p-channel_sidebar__name, .p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name, .p-channel_sidebar__section_heading_label--clickable:hover, .p-channel_sidebar__quickswitcher:hover { color: whitesmoke !important; }
  90.  
  91. .p-channel_sidebar__close_container:hover { background: #000; }
  92.  
  93. .channels_list_holder h2 { color: #e6e6e6 !important; }
  94.  
  95. .channels_list_holder h2.hoverable:not(.jquery_hover):hover { color: #e6e6e6; opacity: 0.8; }
  96.  
  97. .channels_list_holder ul { color: #e6e6e6 !important; }
  98.  
  99. .channels_list_holder ul li { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  100.  
  101. .channels_list_holder ul li .channel_name, .channels_list_holder ul li .group_name, .channels_list_holder ul li .im_name, .channels_list_holder ul li .mpim_name, .channels_list_holder ul li > a { background: #363636; color: rgba(230, 230, 230, 0.8) !important; }
  102.  
  103. .channels_list_holder ul li .channel_name:hover, .channels_list_holder ul li .group_name:hover, .channels_list_holder ul li .im_name:hover, .channels_list_holder ul li .mpim_name:hover, .channels_list_holder ul li > a:hover { background: #222 !important; border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; }
  104.  
  105. .channels_list_holder ul li .primary_action.im_name:hover .im_name_background, .channels_list_holder ul li .primary_action.feature_user_custom_status:hover .im_name_background, .channels_list_holder ul li .primary_action:not(.feature_user_custom_status):hover { background: #222; }
  106.  
  107. .channels_list_holder ul li.mention a { color: #e6e6e6; }
  108.  
  109. .channels_list_holder ul li.unread:not(.muted_channel) .primary_action { color: whitesmoke !important; }
  110.  
  111. .channels_list_holder ul li.unread .prefix { color: #e6e6e6 !important; opacity: 1; }
  112.  
  113. .channels_list_holder .group_close, .channels_list_holder .im_close, .channels_list_holder .mpim_close { color: #949494 !important; }
  114.  
  115. .channels_list_holder .unread_highlights { background: #bf360c; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  116.  
  117. .channels_list_holder .unread_msgs { background: #222; color: #e6e6e6; }
  118.  
  119. #channel_list_invites_link { border-bottom: 1px dotted #949494; color: #949494 !important; font-size: 0.9rem; }
  120.  
  121. #channel_list_invites_link:hover { border-bottom: 1px solid #949494; }
  122.  
  123. #quick_switcher_btn { background: #363636; border-top: 2px solid #363636; }
  124.  
  125. #quick_switcher_btn > i { color: #949494; }
  126.  
  127. #quick_switcher_btn:active, #quick_switcher_btn:hover { background: #222; border-color: #222; }
  128.  
  129. #quick_switcher_btn:active > i, #quick_switcher_btn:hover > i { color: #949494; }
  130.  
  131. #quick_switcher_btn:active #quick_switcher_label, #quick_switcher_btn:hover #quick_switcher_label { color: #949494; }
  132.  
  133. #quick_switcher_label { color: #949494; }
  134.  
  135. .loading #loading-zone { background: #222; }
  136.  
  137. #loading_welcome { background-image: none; }
  138.  
  139. #loading_message p { color: #e6e6e6; }
  140.  
  141. #loading_message #loading_message_attribution { color: #949494; }
  142.  
  143. #loading_team_menu_bg, #loading_user_menu_bg { background: #222; border: none; }
  144.  
  145. .infinite_spinner_bg, .infinite_spinner_blue { stroke: #e6e6e6; }
  146.  
  147. body.loading #team_menu, body.loading #quick_switcher_btn, body.loading #team_menu_overlay, body.loading #col_channels_overlay, body.loading #col_channels { background-color: #363636; }
  148.  
  149. .p-degraded_list__loading { background-color: #222; color: #e6e6e6; }
  150.  
  151. input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type='url'], input[type=tel], input[type=color], input[type=search] { background-color: #545454; border-color: #000; color: #e6e6e6; }
  152.  
  153. input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type='url']:focus, input[type=tel]:focus, input[type=color]:focus, input[type=search]:focus { border-color: rgba(54, 54, 54, 0.8); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); }
  154.  
  155. input[type=file]:focus { outline: #e6e6e6 dotted thin; }
  156.  
  157. input[type=radio]:focus, input[type=checkbox]:focus { outline: #e6e6e6 dotted thin; }
  158.  
  159. select { background: #545454; }
  160.  
  161. select, textarea { border: 1px solid #000; color: #e6e6e6; }
  162.  
  163. select:active, select:focus, textarea:active, textarea:focus { border-color: #363636; box-shadow: 0 0 7px rgba(130, 130, 130, 0.15); }
  164.  
  165. input:disabled, input:disabled:active, select:disabled, textarea:disabled { border-color: #424242 !important; }
  166.  
  167. .no_touch input:hover, .no_touch select:hover, .no_touch textarea:hover { border-color: #363636; }
  168.  
  169. .no_touch label.select:hover select { border-color: #363636; }
  170.  
  171. .no_touch label.select:not(.disabled):hover::after { color: #363636; }
  172.  
  173. label.disabled { color: #e6e6e6; }
  174.  
  175. legend { border-bottom: 1px solid #828282; }
  176.  
  177. legend small { color: #949494; }
  178.  
  179. .uneditable-input, .uneditable-textarea { background-color: #424242; border: 1px solid #000; color: #e6e6e6; }
  180.  
  181. .uneditable-input:focus, .uneditable-textarea:focus { border-color: rgba(130, 130, 130, 0.8); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); }
  182.  
  183. textarea { background-color: #545454; border: 1px solid #000; color: #e6e6e6; }
  184.  
  185. textarea:focus { border-color: rgba(130, 130, 130, 0.8); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); }
  186.  
  187. ::-webkit-input-placeholder { color: #e6e6e6 !important; -webkit-filter: none; filter: none; opacity: 0.5; }
  188.  
  189. ::-moz-placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  190.  
  191. ::placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  192.  
  193. [data-placeholder]:empty::before { color: #e6e6e6 !important; }
  194.  
  195. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #e6e6e6 !important; -webkit-filter: none; filter: none; opacity: 0.5; }
  196.  
  197. input::-moz-placeholder, textarea::-moz-placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  198.  
  199. input::placeholder, textarea::placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  200.  
  201. input[data-placeholder]:empty::before, textarea[data-placeholder]:empty::before { color: #e6e6e6 !important; }
  202.  
  203. input[disabled], input[readonly], textarea[disabled], textarea[readonly] { background-color: #545454 !important; }
  204.  
  205. .form-actions { background-color: #424242; border-top: 1px solid #363636; }
  206.  
  207. .help-block, .help-inline { color: #949494; }
  208.  
  209. .input-append .add-on, .input-prepend .add-on { background-color: #828282; border: 1px solid #545454; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  210.  
  211. .btn { background-color: #545454; color: #e6e6e6 !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  212.  
  213. .btn.hover, .btn:focus, .btn:hover, .btn.active, .btn:active { background-color: #545454; color: #e6e6e6; }
  214.  
  215. .btn.btn_border { border: 2px solid #424242; }
  216.  
  217. .btn.disabled, .btn:disabled { background-color: #000 !important; }
  218.  
  219. .btn.disabled:active, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:hover { background-color: #000 !important; }
  220.  
  221. .btn.btn_outline.btn_danger, .btn.btn_outline.btn_warning { background-color: #bf360c !important; color: #e6e6e6 !important; }
  222.  
  223. .btn.btn_outline.btn_danger:focus, .btn.btn_outline.btn_danger:hover, .btn.btn_outline.btn_warning:focus, .btn.btn_outline.btn_warning:hover { background-color: #222 !important; border-color: #bf360c !important; color: #bf360c !important; }
  224.  
  225. .btn.btn_outline.disabled { background: #424242 !important; color: #949494 !important; }
  226.  
  227. .btn.btn_outline.disabled:hover { background: #424242 !important; color: #949494 !important; }
  228.  
  229. .btn.btn_attachment { border-color: #545454; }
  230.  
  231. .btn.btn_attachment:hover, .btn.btn_attachment:focus { background-color: #363636; border-color: #828282; }
  232.  
  233. .btn.btn_attachment.btn_danger { border-color: #bf360c; }
  234.  
  235. .btn.btn_attachment.btn_danger:hover, .btn.btn_attachment.btn_danger:focus { border-color: #ef440f; }
  236.  
  237. .btn.btn_attachment.btn_primary { border-color: #828282; }
  238.  
  239. .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9c9c; }
  240.  
  241. .btn_basic:focus, .btn_basic:hover { color: #e6e6e6; }
  242.  
  243. .btn_outline { background: #222; color: #949494 !important; }
  244.  
  245. .btn_outline::after { border: 1px solid #424242; }
  246.  
  247. .btn_outline.btn_transparent { color: rgba(84, 84, 84, 0.9) !important; }
  248.  
  249. .btn_outline.btn_transparent::after { border: 1px solid rgba(34, 34, 34, 0.5); }
  250.  
  251. .btn_outline.btn_transparent.active, .btn_outline.btn_transparent.hover, .btn_outline.btn_transparent:active, .btn_outline.btn_transparent:focus, .btn_outline.btn_transparent:hover { background-color: rgba(84, 84, 84, 0.9) !important; color: #c7c7c7 !important; }
  252.  
  253. .btn_outline.btn_transparent.active, .btn_outline.btn_transparent:active { background-color: rgba(84, 84, 84, 0.8) !important; }
  254.  
  255. .btn_outline.hover, .btn_outline:focus, .btn_outline:hover { background: #222; color: #c7c7c7 !important; }
  256.  
  257. .btn_outline:active { color: #c7c7c7; }
  258.  
  259. .btn_outline.active { color: #c7c7c7 !important; }
  260.  
  261. .btn_link { color: #949494; }
  262.  
  263. .btn_link:hover, .btn_link:focus { color: #c7c7c7; }
  264.  
  265. .btn-group.open .btn.dropdown-toggle { background-color: #545454; }
  266.  
  267. .btn-group.open .btn-primary.dropdown-toggle { background-color: #424242; }
  268.  
  269. .btn-group > .btn + .dropdown-toggle { box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.125), inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.05); }
  270.  
  271. .btn_info, .btn.btn_success { background-color: #222 !important; }
  272.  
  273. .btn_warning, .btn_danger { background-color: #bf360c !important; }
  274.  
  275. .btn-danger .caret, .btn-info .caret, .btn-inverse .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret { border-bottom-color: #e6e6e6; border-top-color: #e6e6e6; }
  276.  
  277. .input_note { color: #e6e6e6; }
  278.  
  279. .c-enhanced_text_input { background-color: #545454; border-color: #363636; color: #949494; }
  280.  
  281. .c-enhanced_text_input:hover, .c-enhanced_text_input.c-enhanced_text_input--active { border-color: #545454; }
  282.  
  283. .lazy_filter_select.disabled { background: #363636; }
  284.  
  285. .lazy_filter_select.disabled input.lfs_input { background: #828282; }
  286.  
  287. .lazy_filter_select .lfs_input_container { background-color: #545454; border-color: #000; }
  288.  
  289. .lazy_filter_select .lfs_input_container.active, .lazy_filter_select .lfs_input_container:hover { border-color: #363636; }
  290.  
  291. .lazy_filter_select .lfs_input_container.active { box-shadow: 0 0 7px rgba(34, 34, 34, 0.15); }
  292.  
  293. .lazy_filter_select .lfs_list_container { background: #222; border-color: #000; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
  294.  
  295. .lazy_filter_select .lfs_list .lfs_item.selected { color: #e6e6e6; }
  296.  
  297. .lazy_filter_select .lfs_list .lfs_item.selected .c-member__current-status .prevent_copy_paste, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__current-status--small::before, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__display-name, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__name, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__secondary-name { color: #e6e6e6 !important; }
  298.  
  299. .lazy_filter_select .lfs_list .lfs_item.disabled { color: #949494; }
  300.  
  301. .lazy_filter_select .lfs_list .lfs_item.active { background-color: #000; border-color: #363636; color: #e6e6e6; }
  302.  
  303. .lazy_filter_select .lfs_token { background: #222; border: 1px solid #000; color: #e6e6e6; }
  304.  
  305. .lazy_filter_select .lfs_token::after { color: #e6e6e6; }
  306.  
  307. .lazy_filter_select.single .lfs_input_container.active::after, .lazy_filter_select.single .lfs_input_container:hover::after { color: #e6e6e6; }
  308.  
  309. #select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected { color: #e6e6e6 !important; }
  310.  
  311. #select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected .ts_icon:not(.presence_icon) { color: #949494 !important; }
  312.  
  313. #select_share_channels .lazy_filter_select .lfs_item { color: #949494 !important; }
  314.  
  315. #select_share_channels .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon) { color: #949494 !important; }
  316.  
  317. #message_edit_form .emo_menu { color: rgba(230, 230, 230, 0.3); }
  318.  
  319. #message_edit_form .emo_menu.active .ts_icon_happy_smile, #message_edit_form .emo_menu:hover .ts_icon_happy_smile { color: #828282; }
  320.  
  321. #message_edit_form.focus .emo_menu { color: rgba(230, 230, 230, 0.6); }
  322.  
  323. #message_edit_form.focus #primary_file_button:not(:hover) { border-color: #363636; }
  324.  
  325. #message_edit_form.offline #message-input, #message_edit_form.offline #primary_file_button { background-color: #363636 !important; }
  326.  
  327. #message_edit_form.offline #primary_file_button { border-color: #424242; color: #949494; }
  328.  
  329. #msg_form.focus #msg_input, #msg_form.focus #primary_file_button:not(:hover):not(.active) { border-color: #363636; }
  330.  
  331. #msg_form #msg_input { background: padding-box #545454; border-color: #424242; border-left: 0; color: #e6e6e6; }
  332.  
  333. #msg_form #msg_input.focus ~ .msg_mentions_button:not(.hover) { color: #e6e6e6; }
  334.  
  335. #msg_form .msg_mentions_button { color: #949494; }
  336.  
  337. #msg_form .msg_mentions_button:hover { color: #e6e6e6; }
  338.  
  339. #msg_input { background: #545454; border-color: #424242; color: #e6e6e6; }
  340.  
  341. #msg_input::-webkit-input-placeholder { color: #e6e6e6 !important; -webkit-filter: none; filter: none; opacity: 0.5; }
  342.  
  343. #msg_input::-moz-placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  344.  
  345. #msg_input::placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  346.  
  347. #msg_input[data-placeholder]:empty::before { color: #e6e6e6 !important; }
  348.  
  349. #msg_input:focus, #msg_input.focus { border-color: #363636; }
  350.  
  351. #msg_input:focus + #primary_file_button:not(:hover):not(.active), #msg_input.focus + #primary_file_button:not(:hover):not(.active) { border-color: #363636; }
  352.  
  353. #msg_input + #primary_file_button:not(:hover):not(.active) { border-color: #424242; }
  354.  
  355. #msg_input + #primary_file_button.focus-ring:not(:hover):not(.active) { border-color: #424242; }
  356.  
  357. #msg_input.offline:not(.pretend-to-be-online) { background-color: #363636 !important; color: #949494; }
  358.  
  359. #msg_input.disabled, #msg_input.ql-disabled { background-color: #363636; border-color: #363636; color: #949494; }
  360.  
  361. #msg_input_message { background-color: #363636; color: #e6e6e6; }
  362.  
  363. #primary_file_button { background: padding-box #545454; border-color: #424242; color: #949494; }
  364.  
  365. #primary_file_button.active, #primary_file_button.focus-ring, #primary_file_button:focus, #primary_file_button:hover { background: #424242; border-color: #363636; color: #e6e6e6; }
  366.  
  367. #footer, #footer.footer_msg_input { background: #222; box-shadow: inset 1px 0 0 0 #222; }
  368.  
  369. #footer.disabled #message-input, #footer.disabled #msg_input { background: padding-box #363636 !important; border-color: #363636 !important; }
  370.  
  371. #footer_archives_table { color: #949494; }
  372.  
  373. #typing_text { color: #949494; filter: none; }
  374.  
  375. #notification_bar.wide #typing_text.overflow_ellipsis { -webkit-filter: none; filter: none; }
  376.  
  377. #special_formatting_text { color: #949494; }
  378.  
  379. #message_edit_container .message_input, .inline_message_input_container .message_input { color: #e6e6e6; }
  380.  
  381. .inline_message_input_container .ql-container { border-color: #545454; }
  382.  
  383. .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #828282; }
  384.  
  385. .c-message__editor__input { background: #545454; border-color: #363636; color: #e6e6e6; }
  386.  
  387. .c-message__editor__input.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); }
  388.  
  389. .c-message__editor__warning { color: #bf360c; }
  390.  
  391. #message_edit_container .message_input { background: #545454; border-color: #363636; color: #e6e6e6; }
  392.  
  393. #message_edit_container .message_input.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); }
  394.  
  395. .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(84, 84, 84, 0.5); color: #222; }
  396.  
  397. .ql-editor::-webkit-scrollbar-thumb:hover { background-color: rgba(84, 84, 84, 0.8); }
  398.  
  399. .ql-placeholder, .texty_legacy .ql-placeholder { color: #e6e6e6; filter: none; }
  400.  
  401. .ql-container.texty_single_line_input { background: #545454; border: 1px solid #363636; color: #e6e6e6; }
  402.  
  403. .ql-container.texty_single_line_input.focus, .ql-container.texty_single_line_input:hover { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); }
  404.  
  405. .ts_toggle .ts_toggle_button { background: #000; color: #e6e6e6; }
  406.  
  407. .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #363636; }
  408.  
  409. .ts_toggle .ts_toggle_secondary_label { color: #949494; }
  410.  
  411. .ts_toggle.checked .ts_toggle_button { background: #828282; color: #e6e6e6; }
  412.  
  413. .ts_toggle.ts_toggle_orange .ts_toggle_button { background: #bf360c; color: #e6e6e6; }
  414.  
  415. .menu { background: #363636; border: 1px solid #222; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); color: #e6e6e6; }
  416.  
  417. .menu .menu_content { background: #363636 !important; }
  418.  
  419. .menu .menu_filter_container { background: #222; }
  420.  
  421. .menu .menu_filter_container input.menu_filter { border: 1px solid #424242; }
  422.  
  423. .menu .menu_filter_container input.menu_filter:focus { border-color: #545454; }
  424.  
  425. .menu .menu_filter_container .icon_search { color: #949494; }
  426.  
  427. .menu .menu_filter_container .icon_close { color: #949494 !important; }
  428.  
  429. .menu #menu_header .menu_simple_header { background: #000; border-color: #363636; color: #e6e6e6; }
  430.  
  431. .menu #menu_header .menu_simple_header a { color: #949494; }
  432.  
  433. .menu #menu_header .menu_simple_header a:hover { color: #c7c7c7; }
  434.  
  435. .menu #menu_header .menu_close { color: #e6e6e6; }
  436.  
  437. .menu .section_header .header_label { background-color: #363636; color: #949494; }
  438.  
  439. .menu .section_header > div.header_label_container { color: #949494; }
  440.  
  441. .menu ul li a { background: #363636; border-bottom: 0; color: #e6e6e6; }
  442.  
  443. .menu ul li a.delete_link { color: #bf360c; }
  444.  
  445. .menu ul li.highlighted a { background: #222; border-bottom-color: #000; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  446.  
  447. .menu ul li.highlighted a .menu_item_details, .menu ul li.highlighted a .prefix, .menu ul li.highlighted a i, .menu ul li.highlighted a ts-icon { color: #e6e6e6; }
  448.  
  449. .menu ul li.highlighted a.delete_link { color: #bf360c; }
  450.  
  451. .menu ul li.disabled a { color: #949494; }
  452.  
  453. .menu ul li i { color: #949494; }
  454.  
  455. .menu ul li.divider { border-bottom-color: #222; }
  456.  
  457. .menu ul li .menu_item_details { color: #949494; }
  458.  
  459. .menu:not(.keyboard_active) ul li:hover:not(.disabled) a { background: #222; border-bottom-color: #000; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  460.  
  461. .menu:not(.keyboard_active) ul li:hover:not(.disabled) a .menu_item_details, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a .prefix, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a i, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon { color: #e6e6e6; }
  462.  
  463. .menu:not(.keyboard_active) ul li:hover:not(.disabled) a.delete_link { color: #bf360c; }
  464.  
  465. .menu input { background: #363636; border: 1px solid #545454; }
  466.  
  467. .menu textarea { background: #363636; border: 1px solid #545454; }
  468.  
  469. .menu #menu_footer .menu_footer { background: #000; border-top: 1px solid #363636; }
  470.  
  471. .menu #monkey_scroll_wrapper_for_menu_items_scroller { background: #363636; }
  472.  
  473. .menu #menu_list_container #menu_list .menu_list_item a { color: #e6e6e6; }
  474.  
  475. .menu #menu_list_container #menu_list .menu_list_item.active a { background: #545454; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  476.  
  477. #autocomplete_menu { color: #e6e6e6; }
  478.  
  479. #autocomplete_menu header { background-color: #222; }
  480.  
  481. #autocomplete_menu header .header_label { color: #949494; }
  482.  
  483. #autocomplete_menu header hr { border-bottom-color: transparent; border-top-color: #000; }
  484.  
  485. #autocomplete_menu h2 { color: #e6e6e6; }
  486.  
  487. #autocomplete_menu .no_results { color: #e6e6e6; }
  488.  
  489. #autocomplete_menu .keyword_match .modifier { color: #949494; }
  490.  
  491. #autocomplete_menu .boxed { background: #222; border: 1px solid #363636; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15); }
  492.  
  493. #autocomplete_menu .pickmeup { border-bottom: 1px solid #363636; }
  494.  
  495. #autocomplete_menu.search_menu .section_header::before, #autocomplete_menu.search_menu.unified .section_header::before { background-color: #545454; }
  496.  
  497. #autocomplete_menu.search_menu header, #autocomplete_menu.search_menu.unified header { color: #e6e6e6; }
  498.  
  499. #autocomplete_menu.search_menu header .header_label::before, #autocomplete_menu.search_menu.unified header .header_label::before { background-color: #363636; }
  500.  
  501. #autocomplete_menu.search_menu .query_header, #autocomplete_menu.search_menu.unified .query_header { background-color: transparent; }
  502.  
  503. #autocomplete_menu.search_menu .query_header .search_query_preview, #autocomplete_menu.search_menu.unified .query_header .search_query_preview { color: #e6e6e6; }
  504.  
  505. #autocomplete_menu.search_menu li.highlighted .result_item_btn, #autocomplete_menu.search_menu.unified li.highlighted .result_item_btn { background: #363636; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  506.  
  507. #autocomplete_menu.search_menu li.highlighted .modifier_icon, #autocomplete_menu.search_menu.unified li.highlighted .modifier_icon { color: #949494; }
  508.  
  509. #autocomplete_menu.search_menu li.highlighted .action_btn, #autocomplete_menu.search_menu.unified li.highlighted .action_btn { color: #e6e6e6; }
  510.  
  511. #autocomplete_menu.search_menu li.highlighted .delete_btn, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn { color: #949494; }
  512.  
  513. #autocomplete_menu.search_menu li.highlighted .delete_btn:focus, #autocomplete_menu.search_menu li.highlighted .delete_btn:hover, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn:focus, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn:hover { color: #bf360c; }
  514.  
  515. #autocomplete_menu.search_menu li.highlighted .muted_text, #autocomplete_menu.search_menu.unified li.highlighted .muted_text { color: #949494; }
  516.  
  517. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover { background: transparent; }
  518.  
  519. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .muted_text { color: #949494; }
  520.  
  521. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .result_item_btn { background: #363636; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  522.  
  523. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .modifier_icon { color: #949494; }
  524.  
  525. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .action_btn { color: #e6e6e6; }
  526.  
  527. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn { color: #949494; }
  528.  
  529. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn:hover { color: #bf360c; }
  530.  
  531. #autocomplete_menu.search_menu .muted_text, #autocomplete_menu.search_menu.unified .muted_text { color: #949494; }
  532.  
  533. #autocomplete_menu.search_menu .time_modifiers::before, #autocomplete_menu.search_menu.unified .time_modifiers::before { background-color: #363636; }
  534.  
  535. #autocomplete_menu.search_menu .result_item_btn, #autocomplete_menu.search_menu.unified .result_item_btn { color: #e6e6e6; }
  536.  
  537. #autocomplete_menu.search_menu .results.unified .unified_autocomplete_item .text, #autocomplete_menu.search_menu.unified .results.unified .unified_autocomplete_item .text { color: #e6e6e6; }
  538.  
  539. #autocomplete_menu.search_menu .action_btn, #autocomplete_menu.search_menu .modifier_icon, #autocomplete_menu.search_menu.unified .action_btn, #autocomplete_menu.search_menu.unified .modifier_icon { color: #949494; }
  540.  
  541. #autocomplete_menu.search_menu footer .keyword::before, #autocomplete_menu.search_menu footer .modifier::before, #autocomplete_menu.search_menu footer.unified .keyword::before, #autocomplete_menu.search_menu footer.unified .modifier::before, #autocomplete_menu.search_menu.unified footer .keyword::before, #autocomplete_menu.search_menu.unified footer .modifier::before, #autocomplete_menu.search_menu.unified footer.unified .keyword::before, #autocomplete_menu.search_menu.unified footer.unified .modifier::before { background: #828282; border: 1px solid #545454; color: #e6e6e6; }
  542.  
  543. #autocomplete_menu.search_menu footer .selected .keyword::before, #autocomplete_menu.search_menu footer .selected .modifier::before, #autocomplete_menu.search_menu footer.unified .selected .keyword::before, #autocomplete_menu.search_menu footer.unified .selected .modifier::before, #autocomplete_menu.search_menu.unified footer .selected .keyword::before, #autocomplete_menu.search_menu.unified footer .selected .modifier::before, #autocomplete_menu.search_menu.unified footer.unified .selected .keyword::before, #autocomplete_menu.search_menu.unified footer.unified .selected .modifier::before { background: rgba(84, 84, 84, 0.25); border: #828282; }
  544.  
  545. #autocomplete_menu.search_menu footer .modifier.incomplete::before, #autocomplete_menu.search_menu footer.unified .modifier.incomplete::before, #autocomplete_menu.search_menu.unified footer .modifier.incomplete::before, #autocomplete_menu.search_menu.unified footer.unified .modifier.incomplete::before { background: #363636; border: 1px solid #000; }
  546.  
  547. .search_light_grey { color: #e6e6e6 !important; }
  548.  
  549. .highlighter_underlay .keyword::before { background: #828282; border: 1px solid #545454; color: #e6e6e6; }
  550.  
  551. .highlighter_underlay .modifier::before { background: #828282; border: 1px solid #545454; color: #e6e6e6; }
  552.  
  553. .highlighter_underlay .modifier.incomplete::before { background: #363636; border: 1px solid #000; }
  554.  
  555. .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(130, 130, 130, 0.25); border: #545454; }
  556.  
  557. .highlighter_underlay .ghost_text { color: #e6e6e6; }
  558.  
  559. .pickmeup { background: #222; border: 1px solid #363636; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
  560.  
  561. .pickmeup .pmu-instance .pmu-button { color: #e6e6e6; }
  562.  
  563. .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #363636 !important; }
  564.  
  565. .pickmeup .pmu-instance .pmu-today.pmu-selected .pmu-today-border, .pickmeup .pmu-instance .pmu-today:hover .pmu-today-border { background: #828282; color: #e6e6e6 !important; }
  566.  
  567. .pickmeup .pmu-instance .pmu-today-border { border: 2px solid #545454 !important; color: #828282 !important; }
  568.  
  569. .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover { background: #545454; color: #e6e6e6; }
  570.  
  571. .pickmeup .pmu-instance .pmu-not-in-month { background: #222; color: #949494; }
  572.  
  573. .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: #545454; }
  574.  
  575. .pickmeup .pmu-instance .pmu-disabled { background: #222; color: #949494; }
  576.  
  577. .pickmeup .pmu-instance .pmu-disabled:hover { background: #222; color: #949494; }
  578.  
  579. .pickmeup .pmu-instance .pmu-selected { background: #545454; color: #e6e6e6; }
  580.  
  581. .pickmeup .pmu-instance nav { color: #949494; }
  582.  
  583. .pickmeup .pmu-instance nav :first-child :hover { color: #c7c7c7; }
  584.  
  585. .pickmeup .pmu-instance .pmu-months *, .pickmeup .pmu-instance .pmu-years * { border: 1px solid #363636; }
  586.  
  587. .pickmeup .pmu-instance .pmu-day-of-week { color: #e6e6e6; }
  588.  
  589. .pickmeup .pmu-instance .pmu-day-of-week * { border: 1px solid #363636; }
  590.  
  591. .pickmeup .pmu-instance .pmu-days * { border: 1px solid #363636; }
  592.  
  593. #menu.date_picker .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover, #menu.date_picker .pickmeup .pmu-selected { background: #545454; }
  594.  
  595. #menu.date_picker li.date_picker_item a { color: #e6e6e6; }
  596.  
  597. #menu.date_picker li.date_picker_item a:hover { color: #e6e6e6; }
  598.  
  599. #menu.date_picker li.date_picker_item.highlighted a { color: #949494; }
  600.  
  601. #file_member_filter { background: #000; }
  602.  
  603. #client-ui .member_filter { border: 1px solid #545454; }
  604.  
  605. #client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item:hover .channel_page_member_row { background: #222; }
  606.  
  607. #client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item:hover .member { color: #e6e6e6; }
  608.  
  609. #client-ui #team_list_container #team_filter .member_filter { background-color: #222; border-left: 1px solid #000; }
  610.  
  611. #client-ui #file_member_filter { border-color: #545454; }
  612.  
  613. #client-ui #file_member_filter .member_filter { border-color: #545454; }
  614.  
  615. #client-ui .team_tabs_container { border-bottom: 1px solid #000; }
  616.  
  617. #team_filter .icon_search { color: #949494; }
  618.  
  619. #team_filter a.icon_close { color: #949494; }
  620.  
  621. #team_filter a.icon_close:hover { color: #c7c7c7; }
  622.  
  623. .filter_header { background-color: #222; }
  624.  
  625. .popover_menu { background-color: #222; border-top: 1px solid #545454; }
  626.  
  627. .popover_menu .arrow::after { background-color: #000; }
  628.  
  629. .popover_menu .arrow_shadow::after { background-color: #222; box-shadow: 0 0 0 1px #545454, 0 0 3px rgba(0, 0, 0, 0.08); }
  630.  
  631. .popover_menu.showing_header .arrow::after, .popover_menu.showing_header .arrow_shadow::after { background-color: #222 !important; }
  632.  
  633. .popover_menu .content { background-color: #222; }
  634.  
  635. .tab_complete_ui { background: #222; border: 1px solid #363636; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); }
  636.  
  637. .tab_complete_ui .tab_complete_ui_header { background: padding-box #000; border-bottom: 1px solid #363636; color: #e6e6e6; text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  638.  
  639. .tab_complete_ui ul.type_emoji li { color: #e6e6e6; }
  640.  
  641. .tab_complete_ui ul.type_members .broadcast_info, .tab_complete_ui ul.type_members .realname { color: #e6e6e6; }
  642.  
  643. .tab_complete_ui ul.type_members .unify_broadcast { color: #e6e6e6; }
  644.  
  645. .tab_complete_ui ul.type_members .unify_broadcast .ts_icon_broadcast { color: #949494; }
  646.  
  647. .tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_name { color: #e6e6e6 !important; }
  648.  
  649. .tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_divider { border-bottom: 0; border-top-color: #363636; }
  650.  
  651. .tab_complete_ui ul.type_cmds li.tab_complete_ui_item .cmd-left-td, .tab_complete_ui ul.type_cmds li.tab_complete_ui_item .cmd-right-td { color: #949494; }
  652.  
  653. .tab_complete_ui ul.type_cmds .cmdname { color: #e6e6e6; }
  654.  
  655. .tab_complete_ui ul.type_cmds .cmddesc { color: #949494; }
  656.  
  657. .tab_complete_ui li.tab_complete_ui_item, .tab_complete_ui li.tab_complete_ui_group { border-bottom: 1px solid #363636; }
  658.  
  659. .tab_complete_ui li.tab_complete_ui_item.active, .tab_complete_ui li.tab_complete_ui_group.active { background: #545454; border-bottom-color: #363636; text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  660.  
  661. .tab_complete_ui li.tab_complete_ui_item.active span, .tab_complete_ui li.tab_complete_ui_group.active span { color: #e6e6e6 !important; }
  662.  
  663. .tab_complete_ui .not_in_channel { color: #949494; }
  664.  
  665. #team_menu { background: #363636; border-bottom: 2px solid #363636; color: #e6e6e6; }
  666.  
  667. #team_menu.active, #team_menu:hover { background: #363636 !important; border-bottom-color: #363636 !important; }
  668.  
  669. #team_menu.active i, #team_menu:hover i { color: #e6e6e6; }
  670.  
  671. #team_menu i { color: #949494; }
  672.  
  673. #team_menu .presence .presence_icon { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  674.  
  675. #team_menu .team_name_caret, #team_menu .notifications_menu_btn { color: #e6e6e6 !important; }
  676.  
  677. #team_menu_user { color: #949494; }
  678.  
  679. #team_menu_user_name, #team_menu_user_details { color: #e6e6e6 !important; opacity: 0.75; }
  680.  
  681. .slack_menu_section::before { border-top-color: #222; }
  682.  
  683. .slack_menu_header_secondary { color: #949494; }
  684.  
  685. .slack_menu_download { background-color: #363636; }
  686.  
  687. .slack_menu_download ts-icon { color: #949494; }
  688.  
  689. #menu_items_scroller::-webkit-scrollbar-track { background: #222 !important; }
  690.  
  691. #limit_meter:hover #limit_meter_message_body { color: #e6e6e6; }
  692.  
  693. #limit_meter_message_body { color: #949494; }
  694.  
  695. .channel_header { background: #222; box-shadow: inset 1px 0 0 0 #222; }
  696.  
  697. .channel_header .blue_on_hover:hover { color: #e6e6e6; }
  698.  
  699. #client_body:not(.onboarding)::before { background: #222; border-bottom: 1px solid #363636; box-shadow: inset 1px 0 0 0 #222; }
  700.  
  701. .messages_header { color: #e6e6e6; }
  702.  
  703. .channel_title .channel_name_container .channel_name { color: #e6e6e6; }
  704.  
  705. .channel_title .channel_name_container .channel_name.muted { color: #949494; }
  706.  
  707. .channel_title .channel_name_container .ts_icon_shared_channel.away, .channel_title .channel_name_container .mpdm_member.away { color: #949494; }
  708.  
  709. .channel_title .channel_name_container .muted_icon { color: #949494; }
  710.  
  711. .channel_title .channel_name_container .muted_icon:hover { color: #bf360c; }
  712.  
  713. #im_title.away { color: #949494; }
  714.  
  715. .channel_header_info button { color: #949494; }
  716.  
  717. .channel_header_icon { color: #e6e6e6; }
  718.  
  719. .channel_calls_button .call_icon.call_window_offline { color: #949494; }
  720.  
  721. .channel_actions_toggle.active:focus, .details_toggle.active:focus { color: #e6e6e6; }
  722.  
  723. #flex_menu_toggle.active, #flex_menu_toggle.active:focus { color: #e6e6e6; }
  724.  
  725. #flex_menu_toggle .flex_menu_download_circle { background: #222; }
  726.  
  727. #flex_menu_toggle .flex_menu_download_circle canvas { background: #222; }
  728.  
  729. #flex_menu_toggle.unread #help_icon_circle_count { background-color: #bf360c; color: #fff; }
  730.  
  731. #flex_menu_toggle.open #help_icon_circle_count { background-color: #000; color: #e6e6e6; }
  732.  
  733. #canvases_toggle.active, #details_toggle.active, #recent_mentions_toggle.active, #sli_recap_toggle.active, #stars_toggle.active { background: #363636; color: #e6e6e6; }
  734.  
  735. #canvases_toggle.active:hover, #details_toggle.active:hover, #recent_mentions_toggle.active:hover, #sli_recap_toggle.active:hover, #stars_toggle.active:hover { background: #545454; color: #e6e6e6; }
  736.  
  737. #recent_mentions_toggle:hover { color: #bf360c; }
  738.  
  739. #rxn_toast_div { background: #000; border: 1px solid #545454; }
  740.  
  741. .presence { color: #949494; }
  742.  
  743. #channel_topic_text { background: #222; }
  744.  
  745. #edit_topic_container:hover { overflow: hidden !important; }
  746.  
  747. #edit_topic_trigger { color: #949494; }
  748.  
  749. .c-message_list__day_divider__label { color: #949494; }
  750.  
  751. .c-message_list__day_divider__label__pill { background: #222; position: relative; }
  752.  
  753. .c-message_list__day_divider__line { border-top-color: #363636; }
  754.  
  755. .day_divider, .mention_day_container_div .day_divider { background: #222; color: #949494; }
  756.  
  757. .day_divider hr, .mention_day_container_div .day_divider hr { border-bottom: 0; border-top: 1px solid #363636; }
  758.  
  759. .day_divider .day_divider_label { background: #222; }
  760.  
  761. .day_container .day_msgs { border-top: 1px solid #363636; }
  762.  
  763. .day_container.unread_day_container .day_msgs { border-color: #828282; }
  764.  
  765. .day_container .day_divider { background: none; color: #949494; }
  766.  
  767. .day_container .day_divider .day_divider_label { background: #222; }
  768.  
  769. .search_form { border-color: #545454; }
  770.  
  771. .search_form .search_input { background: transparent; }
  772.  
  773. .search_form:hover { border-color: #828282; }
  774.  
  775. .search_focused .search_form { border-color: #828282; }
  776.  
  777. .search_clear_icon .ts_icon_times_circle { color: #949494; }
  778.  
  779. #search_spinner { color: #e6e6e6; }
  780.  
  781. #search_container .search_input { background: transparent; }
  782.  
  783. #search_container .icon_search { color: #949494; }
  784.  
  785. #search_container .icon_close { color: #949494; }
  786.  
  787. #team_filter .icon_search, #team_filter .ts_icon_spinner, #user_group_filter .icon_search, #user_group_filter .ts_icon_spinner, .searchable_member_list_search_bar .icon_search, .searchable_member_list_search_bar .ts_icon_spinner { color: #949494; }
  788.  
  789. #team_filter a.icon_close, #user_group_filter a.icon_close, .searchable_member_list_search_bar a.icon_close { color: #949494; }
  790.  
  791. #team_filter a.icon_close:hover, #user_group_filter a.icon_close:hover, .searchable_member_list_search_bar a.icon_close:hover { color: #c7c7c7; }
  792.  
  793. #msgs_overlay_div { background: #222; }
  794.  
  795. #col_messages { box-shadow: inset 1px 0 0 0 #222; }
  796.  
  797. .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #949494; }
  798.  
  799. .c-message--hover .c-message__broadcast_preamble_outer .c-message--focus .c-message__broadcast_preamble_outer, .c-message--hover .c-message__broadcast_preamble_outer .c-message--focus .c-message__broadcast_preamble, .c-message--hover .c-message__broadcast_preamble .c-message--focus .c-message__broadcast_preamble_outer, .c-message--hover .c-message__broadcast_preamble .c-message--focus .c-message__broadcast_preamble { color: #949494; }
  800.  
  801. .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: rgba(0, 0, 0, 0.1); }
  802.  
  803. .c-message:hover .c-message__body--automated, .c-message--hover .c-message__body--automated .c-message--focus .c-message__body--automated { color: #949494; }
  804.  
  805. .c-message:hover .c-message__file_meta, .c-message--hover .c-message__file_meta .c-message--focus .c-message__file_meta { color: #949494; }
  806.  
  807. .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: rgba(0, 0, 0, 0.1); }
  808.  
  809. .c-message--pinned, .c-message--sli_highlight:not(.c-message--sli_highlight_negative), .c-message--starred { background: rgba(0, 0, 0, 0.2); }
  810.  
  811. .c-message--custom_response { background: rgba(0, 0, 0, 0.15); }
  812.  
  813. .c-message--sli_highlight_negative, .c-message--ephemeral { background: rgba(0, 0, 0, 0.1); }
  814.  
  815. .c-message--pinned .c-message__label__icon { color: #bf360c; }
  816.  
  817. .c-message--custom_response .c-message__label__icon, .c-message--sli_highlight .c-message__label__icon { color: #e6e6e6; }
  818.  
  819. .c-message--sli_highlight .c-message__label .c-mrkdwn__member--link, .c-message--sli_highlight .c-message__label .c-mrkdwn__channel.internal_channel_link { color: #949494; }
  820.  
  821. .c-message--sli_highlight_negative .c-message__label { background: rgba(0, 0, 0, 0.1); }
  822.  
  823. .c-message--resend .c-message__body { color: #949494; }
  824.  
  825. .c-message--deleting { background: rgba(191, 54, 12, 0.6); }
  826.  
  827. .c-message--standalone { border-color: rgba(84, 84, 84, 0.1); }
  828.  
  829. .c-message--unprocessed .c-message__body { animation: to-grey 50ms linear 10s forwards; }
  830.  
  831. .c-message__broadcast_preamble_outer, .c-message__broadcast_preamble { color: #949494; }
  832.  
  833. .c-message__sender { color: #e6e6e6; }
  834.  
  835. .c-message__sender a { color: #e6e6e6; }
  836.  
  837. .c-message__sender .c-emoji__text_mode_icon { color: #949494; }
  838.  
  839. .c-message__body { color: #e6e6e6; }
  840.  
  841. .c-message__body--unknown { background: rgba(84, 84, 84, 0.1); }
  842.  
  843. .c-message__body--automated { color: #949494; }
  844.  
  845. .c-message__body--tombstone { color: #949494; }
  846.  
  847. .c-message__body .c-mrkdwn__mention, .c-message__body .c-mrkdwn__broadcast--mention { color: #949494; }
  848.  
  849. .c-message__label { color: #949494; }
  850.  
  851. .c-message__label__highlight_title { color: #e6e6e6; }
  852.  
  853. .c-message__label__highlight_positive, .c-message__label__highlight_negative { color: #949494; }
  854.  
  855. .c-message__label__highlight_positive--active, .c-message__label__highlight_negative--active { color: #e6e6e6; }
  856.  
  857. .c-message__resend_controls { color: #949494; }
  858.  
  859. .c-message__resend_column { background-color: rgba(84, 84, 84, 0.1); }
  860.  
  861. .c-message__resend, .c-message__cancel { color: #e6e6e6; }
  862.  
  863. .c-message__edited_label { color: #949494; }
  864.  
  865. .c-message__tombstone_icon { background: rgba(84, 84, 84, 0.1); color: #949494; }
  866.  
  867. .c-message__bot_label { background: rgba(84, 84, 84, 0.1); color: #949494; }
  868.  
  869. .c-message__comment:before { color: #949494; }
  870.  
  871. .c-message__call_attachment { background: #222; border-color: rgba(84, 84, 84, 0.1); }
  872.  
  873. .c-message__call_icon { color: #e6e6e6; }
  874.  
  875. .c-message__call--ended .c-message__call_icon { color: #949494; }
  876.  
  877. .c-message__call_info { color: #e6e6e6; }
  878.  
  879. .c-message__call_name--linked { color: #e6e6e6; }
  880.  
  881. .c-message__call_name + .c-message__call_description::before { color: #949494; }
  882.  
  883. .c-message__call_sub { color: #949494; }
  884.  
  885. .c-message_actions__container { background: #222; border-color: #363636; }
  886.  
  887. .c-message_actions__container:hover { border-color: #545454; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  888.  
  889. .c-message_actions__button { border-right-color: #363636; color: #949494; }
  890.  
  891. .c-message_actions__button:hover { color: #e6e6e6; }
  892.  
  893. .c-message_actions__button:active { background: #363636; }
  894.  
  895. .c-message_group { background-color: #222; border-color: #363636; }
  896.  
  897. .c-message_group:hover .c-message_group__header { color: #949494; }
  898.  
  899. .c-message_group__header { color: #e6e6e6; }
  900.  
  901. .c-message_group__divider_text { background-color: #222; color: #e6e6e6; }
  902.  
  903. .c-message_list__unread_divider__separator { border-color: #545454; }
  904.  
  905. .c-message_list__unread_divider__label { background: #222; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); color: #545454; }
  906.  
  907. .c-message_list__spinner { color: #949494; }
  908.  
  909. .c-message_list .c-scrollbar__bar { background: #424242; }
  910.  
  911. .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8); }
  912.  
  913. ts-message { color: #e6e6e6; }
  914.  
  915. ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply) { background: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 0 0 #222; }
  916.  
  917. ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned) { background: rgba(0, 0, 0, 0.2); }
  918.  
  919. ts-message.active .edited, ts-message.active .reply_bar .last_reply_at, ts-message.active .timestamp, ts-message.active.automated .message_body, ts-message.message--focus .edited, ts-message.message--focus .reply_bar .last_reply_at, ts-message.message--focus .timestamp, ts-message.message--focus.automated .message_body, ts-message:hover .edited, ts-message:hover .reply_bar .last_reply_at, ts-message:hover .timestamp, ts-message:hover.automated .message_body { color: #949494; }
  920.  
  921. ts-message.active .meta, ts-message.message--focus .meta, ts-message:hover .meta { color: #949494 !important; }
  922.  
  923. ts-message.active .meta.msg_inline_file_preview_toggler a, ts-message.message--focus .meta.msg_inline_file_preview_toggler a, ts-message:hover .meta.msg_inline_file_preview_toggler a { color: #949494 !important; }
  924.  
  925. ts-message.is_pinned { background: rgba(0, 0, 0, 0.15); }
  926.  
  927. ts-message .timestamp { color: #949494; }
  928.  
  929. ts-message .temp_msg_controls { color: #949494; }
  930.  
  931. ts-message .edited { color: rgba(148, 148, 148, 0.8); }
  932.  
  933. ts-message:hover .edited { color: #949494; }
  934.  
  935. ts-message .only_visible_to_user { color: #949494; }
  936.  
  937. ts-message.ephemeral { color: #e6e6e6; }
  938.  
  939. ts-message .bot_label { background: #000; color: #949494; }
  940.  
  941. ts-message .in_reply_to { background: #000; color: #949494; }
  942.  
  943. ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) { border: 1px solid #363636; }
  944.  
  945. ts-message.unprocessed { color: rgba(230, 230, 230, 0.75); }
  946.  
  947. ts-message.highlight { background: rgba(191, 54, 12, 0.4); }
  948.  
  949. ts-message.highlight:hover { background: rgba(191, 54, 12, 0.4); }
  950.  
  951. ts-message .is_highlights_holder { color: #949494; }
  952.  
  953. ts-message .is_highlights_holder ts-icon { color: #949494; }
  954.  
  955. ts-message .is_highlights_holder .highlights_feedback_link { color: #949494; }
  956.  
  957. ts-message .is_highlights_holder .highlights_feedback a:not(.highlights_feedback_link) { color: #e6e6e6; }
  958.  
  959. ts-message .recap_highlight { background: rgba(191, 54, 12, 0.4); }
  960.  
  961. ts-message .recap_highlight a { color: #e6e6e6; }
  962.  
  963. ts-message.delete_mode, ts-message.multi_delete_mode { background: rgba(191, 54, 12, 0.75); }
  964.  
  965. ts-message.automated .message_body { color: rgba(230, 230, 230, 0.8); }
  966.  
  967. ts-message .action_hover_container { border: 1px solid #363636; }
  968.  
  969. ts-message .action_hover_container:hover { border-color: #545454; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  970.  
  971. ts-message .action_hover_container:hover a { background: #363636; border-right: 1px solid #545454; }
  972.  
  973. ts-message .action_hover_container .btn_msg_action { background: #222; border-right: 1px solid #363636; color: #949494; }
  974.  
  975. ts-message .action_hover_container .btn_msg_action:hover { color: #e6e6e6; }
  976.  
  977. ts-message .action_hover_container .btn_msg_action.active, ts-message .action_hover_container .btn_msg_action:active { background: #363636; color: #e6e6e6; }
  978.  
  979. ts-message.selected { background: #222; }
  980.  
  981. ts-message.selected:not(.delete_mode) { background: #222; }
  982.  
  983. ts-message.selected:hover { background: rgba(0, 0, 0, 0.15); }
  984.  
  985. ts-message .meta { color: #949494; }
  986.  
  987. ts-message .meta.msg_inline_img_toggler .member, ts-message .meta.msg_inline_img_toggler .service_link, ts-message .meta.msg_inline_file_preview_toggler .member, ts-message .meta.msg_inline_file_preview_toggler .service_link { color: #949494 !important; }
  988.  
  989. ts-message .meta.msg_inline_img_toggler .msg_inline_media_toggler, ts-message .meta.msg_inline_img_toggler .ts_icon_dropbox, ts-message .meta.msg_inline_img_toggler a, ts-message .meta.msg_inline_file_preview_toggler .msg_inline_media_toggler, ts-message .meta.msg_inline_file_preview_toggler .ts_icon_dropbox, ts-message .meta.msg_inline_file_preview_toggler a { color: #949494 !important; }
  990.  
  991. ts-message .pinned_item_message_header { color: #949494; }
  992.  
  993. ts-message .mention { background: #828282 !important; color: #e6e6e6 !important; }
  994.  
  995. ts-message .internal_member_link { background: #222 !important; border: 0; color: #949494 !important; }
  996.  
  997. ts-message .internal_member_link:hover { color: #c7c7c7 !important; }
  998.  
  999. ts-message.show_recap:not(.is_pinned) { background: rgba(0, 0, 0, 0.15); }
  1000.  
  1001. ts-message.show_recap:not(.is_pinned):hover { background: rgba(0, 0, 0, 0.15); }
  1002.  
  1003. .ephemeral.message .message_content { color: #e6e6e6; }
  1004.  
  1005. ts-mention { background: rgba(130, 130, 130, 0.1) !important; color: #e6e6e6 !important; }
  1006.  
  1007. .selecting_messages ts-message:hover { background: #000; }
  1008.  
  1009. .selecting_messages ts-message.multi_delete_mode:hover { background: rgba(191, 54, 12, 0.75); }
  1010.  
  1011. #convo_container { background-color: #222; }
  1012.  
  1013. #convo_container #message_edit_container { border-bottom: 1px solid #545454; border-top: 1px solid #545454; }
  1014.  
  1015. #convo_container ts-conversation::after { background: rgba(0, 0, 0, 0.08); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.08))); background: -moz-linear-gradient(center bottom, transparent 0, rgba(0, 0, 0, 0.08) 100%); }
  1016.  
  1017. #convo_container ts-conversation::before { background: transparent; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.08)), color-stop(1, transparent)); background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.08) 0, transparent 100%); }
  1018.  
  1019. #convo_container ts-conversation ts-message.selected { background: #222; }
  1020.  
  1021. #convo_container ts-conversation ts-relatives::after { background: #545454; }
  1022.  
  1023. #convo_container ts-conversation ts-relatives ts-message.deleted .message_icon i { background-color: #545454; color: #949494; }
  1024.  
  1025. #convo_container ts-conversation ts-relatives ts-message.deleted .message_content { color: #e6e6e6; }
  1026.  
  1027. #convo_container ts-conversation ts-relatives ts-message:not(.selected):not(.highlight):not(.delete_mode) { background-color: #222; }
  1028.  
  1029. #convo_container ts-conversation ts-relatives ts-message:not(.selected):not(.highlight):not(.delete_mode).new { background-color: #2f2f2f; }
  1030.  
  1031. #msgs_div .unread_divider hr { border-top: 1px solid #545454; }
  1032.  
  1033. #msgs_div .unread_divider .divider_label { background: #222; color: #545454; }
  1034.  
  1035. #msgs_div .unread_divider.no_unreads hr { border-top-color: #363636; }
  1036.  
  1037. #msgs_div .unread_divider.no_unreads .divider_label { color: #949494; }
  1038.  
  1039. .channel_archive_messages.card .col:first-child { border-right: 1px solid #545454; }
  1040.  
  1041. .star { color: #949494; }
  1042.  
  1043. .star_item { border-bottom: 1px solid #000; }
  1044.  
  1045. .star_item .star_meta { color: #949494; }
  1046.  
  1047. .bot_message .message_sender { color: #e6e6e6; }
  1048.  
  1049. .bot_message .message_sender a { color: #e6e6e6; }
  1050.  
  1051. .color_USLACKBOT:not(.nuc), #col_channels ul li:not(.active):not(.away) > .color_USLACKBOT:not(.nuc), #col_channels:not(.show_presence) ul li > .color_USLACKBOT:not(.nuc) { color: #e6e6e6; }
  1052.  
  1053. #msgs_scroller_div #end_display_div #end_display_status { color: #949494; }
  1054.  
  1055. #msgs_scroller_div #end_display_div #end_display_meta { color: #949494; }
  1056.  
  1057. #msgs_scroller_div #end_display_div #end_display_meta h1 { color: #e6e6e6; }
  1058.  
  1059. #msgs_scroller_div #end_display_div p { color: #e6e6e6; }
  1060.  
  1061. .member_mentions_options { background-color: #000; border-top: 1px solid #363636; }
  1062.  
  1063. .dm_badge .dm_badge_meta { color: #e6e6e6; }
  1064.  
  1065. .dm_badge a { color: #949494; }
  1066.  
  1067. .dm_badge a.member_preview_link { color: #949494; }
  1068.  
  1069. .dm_badge .dm_badge:hover a { color: #949494; }
  1070.  
  1071. .dm_badge .hint { color: #949494; }
  1072.  
  1073. #toggle-subscription-status .subscription_desc { color: #949494; }
  1074.  
  1075. .bot_label { background: #000; color: #949494; }
  1076.  
  1077. @keyframes to-grey { 0% { color: inherit; }
  1078.   100% { color: #949494; } }
  1079.  
  1080. @keyframes fade-background-highlight { 0% { background: #545454; }
  1081.   100% { background: transparent; } }
  1082.  
  1083. @keyframes border_focus_animation { 0% { box-shadow: 0 0 4px 0.25px #545454, 0 0 0 0.5px #828282; }
  1084.   100% { box-shadow: 0 0 4px 0 #545454, 0 0 0 0 #828282; } }
  1085.  
  1086. .c-message_attachment { color: #e6e6e6; }
  1087.  
  1088. .c-message_attachment__border { background-color: #545454; }
  1089.  
  1090. .c-message_attachment__delete { color: #949494; }
  1091.  
  1092. .c-message_attachment__delete:hover { color: #c7c7c7; }
  1093.  
  1094. .c-message_attachment__pretext { color: #e6e6e6; }
  1095.  
  1096. .c-message_attachment__part + .c-message_attachment__part::before { color: #545454; }
  1097.  
  1098. .c-message_attachment__author .c-message_attachment__autor--distinct { color: #949494; }
  1099.  
  1100. .c-message_attachment__author_link + .c-message_attachment__author_link { color: #949494; }
  1101.  
  1102. .c-message_attachment__title_link span { color: #e6e6e6; }
  1103.  
  1104. .c-message_attachment__text_expander { color: #949494; }
  1105.  
  1106. .c-message_attachment__footer { color: #949494; }
  1107.  
  1108. .c-message_attachment__image, .c-message_attachment__thumb, .c-message_attachment__video_thumb { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; }
  1109.  
  1110. .c-message_attachment__video_html { background-color: rgba(34, 34, 34, 0.4); }
  1111.  
  1112. .c-message_attachment__video_buttons { background: rgba(0, 0, 0, 0.4); }
  1113.  
  1114. .c-message_attachment__video_link:visited, .c-message_attachment__video_link:link { color: #e6e6e6; }
  1115.  
  1116. .c-message_attachment__video_play, .c-message_attachment__video_link { color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  1117.  
  1118. .c-message_attachment__video_play:hover, .c-message_attachment__video_link:hover { color: #e6e6e6; }
  1119.  
  1120. .c-message_attachment__media_trigger .c-expandable_trigger { color: #949494; }
  1121.  
  1122. .c-message_attachment__media_trigger--too_large { color: #949494; }
  1123.  
  1124. .c-message_attachment__select { border-color: #000; }
  1125.  
  1126. .c-message_attachment__select:hover, .c-message_attachment__select:active { border-color: #545454; }
  1127.  
  1128. .c-message__reply_bar:hover, .c-message__reply_bar--focus { background-color: #222; border-color: #000; }
  1129.  
  1130. .c-message__reply_bar:hover .c-message__reply_bar_arrow, .c-message__reply_bar--focus .c-message__reply_bar_arrow { color: #949494; }
  1131.  
  1132. .c-message__reply_bar:hover .c-message__reply_bar_view_thread, .c-message__reply_bar--focus .c-message__reply_bar_view_thread { background-color: #545454; }
  1133.  
  1134. .c-message__reply_bar_description { color: #949494; }
  1135.  
  1136. .c-message__file_meta { color: #949494; }
  1137.  
  1138. .c-message__image_container { background: rgba(0, 0, 0, 0.1); }
  1139.  
  1140. .c-message__image_wrapper:after { border-color: transparent; }
  1141.  
  1142. .attachment_group.has_container { background: #222; border: 1px solid #363636; }
  1143.  
  1144. .attachment_group.has_container .inline_attachment::after { background-color: #363636; }
  1145.  
  1146. .attachment_group.has_container.has_link:hover { border-bottom-color: #363636; border-left-color: #363636; border-right-color: #363636; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  1147.  
  1148. .attachment_group .media_caret { color: #949494; }
  1149.  
  1150. .attachment_group .attachment_source span { color: #949494 !important; }
  1151.  
  1152. .attachment_group .attachment_source .attachment_source_name + .attachment_author_name::before { color: #949494; }
  1153.  
  1154. .attachment_group .inline_attachment.reply_broadcast + .attachment_rule { color: #949494; }
  1155.  
  1156. .attachment_group .inline_attachment.reply_broadcast + .attachment_rule::after { border-bottom: 1px solid #363636; }
  1157.  
  1158. .attachment_group .inline_attachment.message_unfurl .attachment_source .attachment_source_name a, .attachment_group .inline_attachment.message_unfurl .attachment_source .attachment_source_name span { color: #949494; }
  1159.  
  1160. .attachment_group .attachment_title a { color: #e6e6e6; }
  1161.  
  1162. .attachment_group .attachment_footer_text + .attachment_ts::before { color: #949494; }
  1163.  
  1164. .attachment_group .delete_attachment_link ts-icon::before { color: #949494; }
  1165.  
  1166. .attachment_group .delete_attachment_link:hover ts-icon::before { color: #c7c7c7; }
  1167.  
  1168. .attachment_still_pending ts-inline-saver { color: #949494; }
  1169.  
  1170. .msg_inline_attachment_column.column_border { background-color: #545454; }
  1171.  
  1172. .msg_inline_img_holder .msg_inline_img { box-shadow: inset 0 0 0 1px #000; }
  1173.  
  1174. .msg_inline_attachment_collapser, .msg_inline_attachment_expander, .msg_inline_img_collapser, .msg_inline_img_expander, .msg_inline_media_toggler, .msg_inline_room_preview_collapser, .msg_inline_room_preview_expander { color: #949494; }
  1175.  
  1176. .msg_inline_attachment_collapser:hover, .msg_inline_attachment_expander:hover, .msg_inline_img_collapser:hover, .msg_inline_img_expander:hover, .msg_inline_media_toggler:hover, .msg_inline_room_preview_collapser:hover, .msg_inline_room_preview_expander:hover { color: #c7c7c7; }
  1177.  
  1178. .msg_inline_img { background: #545454; }
  1179.  
  1180. .msg_inline_room_preview_collapser { color: #949494; }
  1181.  
  1182. .msg_inline_room_preview_collapser:hover { color: #949494; }
  1183.  
  1184. .inline_attachment span.attachment_author_name { color: #949494; }
  1185.  
  1186. .inline_attachment span.attachment_author_subname, .inline_attachment span.attachment_service_name { color: #949494; }
  1187.  
  1188. .inline_attachment a span:active, .inline_attachment a span:hover { color: #c7c7c7 !important; }
  1189.  
  1190. .inline_attachment .attachment_footer, .inline_attachment .attachment_ts { color: #949494; }
  1191.  
  1192. .inline_attachment .attachment_footer a, .inline_attachment .attachment_ts a { color: #949494; }
  1193.  
  1194. .inline_attachment .attachment_footer a:active, .inline_attachment .attachment_footer a:hover { color: #c7c7c7 !important; }
  1195.  
  1196. .inline_attachment .attachment_ts a:active, .inline_attachment .attachment_ts a:hover { color: #c7c7c7 !important; }
  1197.  
  1198. .inline_attachment .iframe_placeholder, .inline_attachment iframe { background-color: #000; }
  1199.  
  1200. .meta.msg_inline_file_preview_toggler, .meta.msg_inline_img_toggler, .dense_meta.msg_inline_file_preview_toggler, .dense_meta.msg_inline_img_toggler { color: #949494 !important; }
  1201.  
  1202. .meta.msg_inline_file_preview_toggler a[data-file-id], .meta.msg_inline_img_toggler a[data-file-id], .dense_meta.msg_inline_file_preview_toggler a[data-file-id], .dense_meta.msg_inline_img_toggler a[data-file-id] { color: #949494 !important; }
  1203.  
  1204. .meta.msg_inline_file_preview_toggler:hover, .meta.msg_inline_img_toggler:hover, .dense_meta.msg_inline_file_preview_toggler:hover, .dense_meta.msg_inline_img_toggler:hover { color: #c7c7c7 !important; }
  1205.  
  1206. .meta.msg_inline_file_preview_toggler:hover a[data-file-id], .meta.msg_inline_img_toggler:hover a[data-file-id], .dense_meta.msg_inline_file_preview_toggler:hover a[data-file-id], .dense_meta.msg_inline_img_toggler:hover a[data-file-id] { color: #c7c7c7 !important; }
  1207.  
  1208. .meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .meta.msg_inline_img_toggler .msg_inline_file_preview_title, .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title { color: #e6e6e6; }
  1209.  
  1210. .meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover, .meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover, .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover, .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover { color: #949494; }
  1211.  
  1212. .meta.msg_inline_file_preview_toggler .ts_icon.msg_inline_media_toggler:hover, .meta.msg_inline_img_toggler .ts_icon.msg_inline_media_toggler:hover, .dense_meta.msg_inline_file_preview_toggler .ts_icon.msg_inline_media_toggler:hover, .dense_meta.msg_inline_img_toggler .ts_icon.msg_inline_media_toggler:hover { color: #c7c7c7 !important; }
  1213.  
  1214. .meta.meta_feature_fix_files .file_new_window_link:hover, .dense_meta.meta_feature_fix_files .file_new_window_link:hover { color: #c7c7c7 !important; }
  1215.  
  1216. .meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon, .dense_meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon { color: #c7c7c7 !important; }
  1217.  
  1218. .meta.meta_feature_fix_files .member, .dense_meta.meta_feature_fix_files .member { color: #949494 !important; }
  1219.  
  1220. .delete_attachment_link { color: #949494; }
  1221.  
  1222. .delete_attachment_link:hover { color: #c7c7c7; }
  1223.  
  1224. .file_container, .c-file_container { background: #000; border: 1px solid #363636; color: #e6e6e6; }
  1225.  
  1226. .file_container:hover, .file_container:focus, .file_container.file_menu_open, .c-file_container:hover, .c-file_container:focus, .c-file_container.file_menu_open { border-bottom-color: #363636; border-left-color: #363636; border-right-color: #363636; }
  1227.  
  1228. .file_container::after, .file_container.post_container::after, .c-file_container::after, .c-file_container.post_container::after { background-image: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%); background-image: -moz-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%); background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%); background-image: linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%); }
  1229.  
  1230. .file_container.generic_container .file_header_icon .ts_icon, .c-file_container.generic_container .file_header_icon .ts_icon { background: #222; box-shadow: 0 0 0 3px #222; color: #e6e6e6; }
  1231.  
  1232. .file_container.generic_container .file_header_icon .ts_icon.snippet, .c-file_container.generic_container .file_header_icon .ts_icon.snippet { background: #363636; }
  1233.  
  1234. .file_container.generic_container .file_header_meta .meta_hover, .c-file_container.generic_container .file_header_meta .meta_hover { background: #000; color: #e6e6e6; }
  1235.  
  1236. .file_container .file_header .file_header_meta, .c-file_container .file_header .file_header_meta { color: #949494; }
  1237.  
  1238. .file_container .file_header + .file_body, .c-file_container .file_header + .file_body { border-top: 1px solid #000; }
  1239.  
  1240. .file_container .preview_actions .btn, .c-file_container .preview_actions .btn { background-color: #363636; color: #e6e6e6 !important; }
  1241.  
  1242. .file_container .preview_actions .btn::after, .c-file_container .preview_actions .btn::after { border-color: #000; }
  1243.  
  1244. .file_container .preview_actions .btn.preview_show_less_header, .c-file_container .preview_actions .btn.preview_show_less_header { background-color: rgba(130, 130, 130, 0.9); color: #e6e6e6 !important; }
  1245.  
  1246. .file_container .preview_actions .btn.preview_show_less_header::after, .c-file_container .preview_actions .btn.preview_show_less_header::after { border: 2px solid #000; }
  1247.  
  1248. .file_container .preview_actions .btn.preview_show_less_header:focus, .file_container .preview_actions .btn.preview_show_less_header:hover, .c-file_container .preview_actions .btn.preview_show_less_header:focus, .c-file_container .preview_actions .btn.preview_show_less_header:hover { background-color: #363636; }
  1249.  
  1250. .file_container .preview_actions .btn.preview_show_less_header:focus::after, .file_container .preview_actions .btn.preview_show_less_header:hover::after, .c-file_container .preview_actions .btn.preview_show_less_header:focus::after, .c-file_container .preview_actions .btn.preview_show_less_header:hover::after { border-color: #363636; }
  1251.  
  1252. .file_container.image_container .image_body, .c-file_container.image_container .image_body { background-color: #222; }
  1253.  
  1254. .file_container.image_container .preview_actions .btn, .c-file_container.image_container .preview_actions .btn { background-color: rgba(130, 130, 130, 0.9); }
  1255.  
  1256. .file_container.image_container .preview_actions .btn:focus, .file_container.image_container .preview_actions .btn:hover, .c-file_container.image_container .preview_actions .btn:focus, .c-file_container.image_container .preview_actions .btn:hover { background-color: #363636; }
  1257.  
  1258. .file_container.image_container .preview_actions.overflow_preview_actions, .c-file_container.image_container .preview_actions.overflow_preview_actions { background: rgba(130, 130, 130, 0.9); border: 1px solid rgba(0, 0, 0, 0.1); }
  1259.  
  1260. .file_container .preview_show .preview_show_btn, .c-file_container .preview_show .preview_show_btn { background: linear-gradient(rgba(84, 84, 84, 0.8), rgba(84, 84, 84, 0.8)), linear-gradient(rgba(130, 130, 130, 0.3), rgba(130, 130, 130, 0.3)); color: #e6e6e6; }
  1261.  
  1262. .file_container.file_menu_open .preview_show_less .preview_show_btn, .file_container:focus .preview_show_less .preview_show_btn, .file_container:hover .preview_show_less .preview_show_btn, .c-file_container.file_menu_open .preview_show_less .preview_show_btn, .c-file_container:focus .preview_show_less .preview_show_btn, .c-file_container:hover .preview_show_less .preview_show_btn { background: rgba(84, 84, 84, 0.8); color: #e6e6e6; }
  1263.  
  1264. .message--focus .file_container .preview_show.preview_show_less .preview_show_btn { background: #545454; color: #e6e6e6; }
  1265.  
  1266. .msg_inline_video_buttons_div { background-color: rgba(34, 34, 34, 0.4); }
  1267.  
  1268. .msg_inline_video_buttons_div a { color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  1269.  
  1270. .msg_inline_video_buttons_div a:visited { color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  1271.  
  1272. .post_body ul.checklist { background-color: #363636; }
  1273.  
  1274. .post_body ul.checklist li::before { background: #363636; }
  1275.  
  1276. .post_body ul.checklist li.checked { color: #949494; }
  1277.  
  1278. .post_body ul.list.checklist li { border-bottom: 1px solid #545454; }
  1279.  
  1280. .post_body ul.list.checklist li.checked { color: #949494; }
  1281.  
  1282. .post_body .message { background-color: #e6e6e6; }
  1283.  
  1284. .post_body code, .post_body pre { background: #363636; }
  1285.  
  1286. ts-message .reply_bar .reply_bar_caret, ts-message .reply_bar .view_conv_hover, ts-message .reply_bar .last_reply_at { color: #949494; }
  1287.  
  1288. ts-message .reply_bar:hover { background: #222; border-color: #000; }
  1289.  
  1290. .inline_color_block { border-color: #545454; }
  1291.  
  1292. .p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider:before { background: #222; border-bottom: 1px solid #222; }
  1293.  
  1294. .p-message_pane .p-message_pane__top_banners:not(:empty) + div .c-message_list:not(.c-virtual_list--scrollbar):before, .p-message_pane .p-message_pane__top_banners:not(:empty) + div .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider:before { box-shadow: 0 32px #222; }
  1295.  
  1296. .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; }
  1297.  
  1298. .p-message_pane__unread_banner__banner { background: #545454; text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  1299.  
  1300. .messages_banner { color: #e6e6e6; text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  1301.  
  1302. .messages_banner a { color: #e6e6e6; }
  1303.  
  1304. .messages_banner a:hover { color: #e6e6e6; }
  1305.  
  1306. #connection_div { background: #bf360c; }
  1307.  
  1308. #archives_return { background: padding-box #828282; color: #e6e6e6; }
  1309.  
  1310. #archives_return.warning { background: #bf360c; }
  1311.  
  1312. #archives_return a { color: #e6e6e6; }
  1313.  
  1314. #archives_return a:hover { color: rgba(230, 230, 230, 0.8); }
  1315.  
  1316. #messages_unread_status { background: #545454; }
  1317.  
  1318. #messages_unread_status:hover { background: #828282; }
  1319.  
  1320. #messages_unread_status:hover .clear_unread_messages { background: #828282; }
  1321.  
  1322. #messages_unread_status:hover .clear_unread_messages:hover { background: #545454; }
  1323.  
  1324. #messages_unread_status.quiet { background: #828282; color: #e6e6e6; text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  1325.  
  1326. #messages_unread_status.quiet a { color: #e6e6e6; }
  1327.  
  1328. .clear_unread_messages { border-left: 1px solid rgba(0, 0, 0, 0.15); }
  1329.  
  1330. #messages_container.has_top_messages_banner::before { background: none; }
  1331.  
  1332. .end_div_msg_lim { background-color: #363636; background-image: none; }
  1333.  
  1334. #archives_end_div_msg_lim h1, #end_display_msg_lim h1 { color: #e6e6e6; }
  1335.  
  1336. #archives_end_div_msg_lim h2, #end_display_msg_lim h2 { color: rgba(230, 230, 230, 0.8); }
  1337.  
  1338. code { background-color: #000; border: 1px solid #363636; color: #e6e6e6; }
  1339.  
  1340. .file_list_item.snippet .snippet_preview { background: #000; }
  1341.  
  1342. .snippet_preview, .snippet_body { background: #000; }
  1343.  
  1344. .snippet_preview pre, .snippet_body pre { color: #e6e6e6 !important; }
  1345.  
  1346. .file_container .CodeMirror .CodeMirror-code > div::before, .file_container .CodeMirror .sssh-line::before, .file_container .sssh-code .CodeMirror-code > div::before, .file_container .sssh-code .sssh-line::before, .c-file_container .CodeMirror .CodeMirror-code > div::before, .c-file_container .CodeMirror .sssh-line::before, .c-file_container .sssh-code .CodeMirror-code > div::before, .c-file_container .sssh-code .sssh-line::before { background-color: #363636; border-right: 1px solid #363636; color: #949494; }
  1347.  
  1348. .c-snippet .c-file_container { background-color: #222; }
  1349.  
  1350. .c-snippet .c-file_container.c-file_container--gradient::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0), #222); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
  1351.  
  1352. .CodeMirror { background: #000; border: 1px solid #363636; color: #e6e6e6 !important; }
  1353.  
  1354. .CodeMirror pre { background: transparent !important; }
  1355.  
  1356. .CodeMirror div.CodeMirror-cursor { border-left: 1px solid #e6e6e6; }
  1357.  
  1358. .CodeMirror.cm-fat-cursor div.CodeMirror-cursor { background: #e6e6e6; }
  1359.  
  1360. .CodeMirror .CodeMirror-gutters { background-color: #363636; border-right: 1px solid #222; }
  1361.  
  1362. .CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: #363636; }
  1363.  
  1364. .CodeMirror-linenumber { color: #949494 !important; }
  1365.  
  1366. .CodeMirror-guttermarker { color: #949494; }
  1367.  
  1368. .CodeMirror-guttermarker-subtle { color: #949494; }
  1369.  
  1370. .CodeMirror-ruler { border-left: 1px solid #828282; }
  1371.  
  1372. .cm-s-default .cm-keyword { color: #ce93d8; }
  1373.  
  1374. .cm-s-default .cm-atom { color: #9fa8da; }
  1375.  
  1376. .cm-s-default .cm-number { color: #a5d6a7; }
  1377.  
  1378. .cm-s-default .cm-def { color: #536dfe; }
  1379.  
  1380. .cm-s-default .cm-variable-2 { color: #9fa8da; }
  1381.  
  1382. .cm-s-default .cm-variable-3 { color: #c5e1a5; }
  1383.  
  1384. .cm-s-default .cm-comment { color: #ffcc80; }
  1385.  
  1386. .cm-s-default .cm-string { color: #ef9a9a; }
  1387.  
  1388. .cm-s-default .cm-string-2 { color: #ffab91; }
  1389.  
  1390. .cm-s-default .cm-meta { color: #eee; }
  1391.  
  1392. .cm-s-default .cm-qualifier { color: #eee; }
  1393.  
  1394. .cm-s-default .cm-builtin { color: #b39ddb; }
  1395.  
  1396. .cm-s-default .cm-bracket { color: #e6ee9c; }
  1397.  
  1398. .cm-s-default .cm-tag { color: #a5d6a7; }
  1399.  
  1400. .cm-s-default .cm-attribute { color: #40c4ff; }
  1401.  
  1402. .cm-s-default .cm-header { color: #80cbc4; }
  1403.  
  1404. .cm-s-default .cm-quote { color: #b0bec5; }
  1405.  
  1406. .cm-s-default .cm-hr { color: #363636; }
  1407.  
  1408. .cm-s-default .cm-link { color: #949494; }
  1409.  
  1410. .cm-negative { color: #bf360c; }
  1411.  
  1412. .cm-positive { color: #0cbf72; }
  1413.  
  1414. .cm-invalidchar, .cm-s-default .cm-error { color: #bf360c; }
  1415.  
  1416. div.CodeMirror span.CodeMirror-matchingbracket { color: #0cbf72; }
  1417.  
  1418. div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #bf360c; }
  1419.  
  1420. .CodeMirror-matchingtag { background: #000; }
  1421.  
  1422. .CodeMirror-activeline-background { background: #828282; }
  1423.  
  1424. .CodeMirror-selected { background: #828282; }
  1425.  
  1426. .CodeMirror-focused .CodeMirror-selected { background: #828282; }
  1427.  
  1428. .cm-searching { background: #828282; }
  1429.  
  1430. .sssh-keyword { color: #ce93d8; }
  1431.  
  1432. .sssh-atom { color: #9fa8da; }
  1433.  
  1434. .sssh-number { color: #a5d6a7; }
  1435.  
  1436. .sssh-def { color: #536dfe; }
  1437.  
  1438. .sssh-variable { color: #9fa8da; }
  1439.  
  1440. .sssh-variable-2 { color: #c5e1a5; }
  1441.  
  1442. .sssh-variable-3 { color: #c1a5e1; }
  1443.  
  1444. .sssh-operator { color: #e6e6e6; }
  1445.  
  1446. .sssh-property { color: #e6e6e6; }
  1447.  
  1448. .sssh-comment { color: #ffcc80; }
  1449.  
  1450. .sssh-string { color: #ef9a9a; }
  1451.  
  1452. .sssh-string-2 { color: #ffab91; }
  1453.  
  1454. .sssh-meta { color: #eee; }
  1455.  
  1456. .sssh-error { color: #bf360c; }
  1457.  
  1458. .sssh-qualifier { color: #eee; }
  1459.  
  1460. .sssh-builtin { color: #b39ddb; }
  1461.  
  1462. .sssh-bracket { color: #e6ee9c; }
  1463.  
  1464. .sssh-tag { color: #a5d6a7; }
  1465.  
  1466. .sssh-attribute { color: #40c4ff; }
  1467.  
  1468. .sssh-header { color: #80cbc4; }
  1469.  
  1470. .sssh-quote { color: #b0bec5; }
  1471.  
  1472. .sssh-hr { color: #363636; }
  1473.  
  1474. .sssh-link { color: #949494; }
  1475.  
  1476. .c-message--dense .c-timestamp__label { color: #949494; }
  1477.  
  1478. .c-message--dense .c-message__content_header .c-custom_status { border-color: #363636; }
  1479.  
  1480. .dense_theme ts-message { color: #e6e6e6; }
  1481.  
  1482. .dense_theme ts-message.first .message_gutter .timestamp, .dense_theme ts-message.selected .message_gutter .timestamp { color: #949494; }
  1483.  
  1484. .dense_theme ts-message .message_content .message_current_status { border-color: #363636; }
  1485.  
  1486. .c-message--light .c-message__sender .c-message__sender_link { color: #e6e6e6; }
  1487.  
  1488. .light_theme ts-message { color: #e6e6e6; }
  1489.  
  1490. .light_theme ts-message .message_content .message_sender, .light_theme ts-message .message_content .meta .message_sender:hover { color: #e6e6e6 !important; }
  1491.  
  1492. .light_theme ts-message .comment::before { color: #949494; }
  1493.  
  1494. .channel_overlay { border-color: #363636; color: #949494; }
  1495.  
  1496. .channel_overlay.channel_overlay_redesign .channel_overlay_title { color: #e6e6e6; }
  1497.  
  1498. .channel_overlay.channel_overlay_redesign li { color: #949494; }
  1499.  
  1500. .channel_overlay_title_wrap { border-color: #363636; }
  1501.  
  1502. .channel_overlay_title_shared { color: #e6e6e6; }
  1503.  
  1504. pre { background: #000; border: 1px solid #363636; color: #e6e6e6; }
  1505.  
  1506. pre span.mention { padding: 2px 0 !important; }
  1507.  
  1508. #page pre, body > pre { background: #000; color: #e6e6e6 !important; }
  1509.  
  1510. body > pre { background: #828282; }
  1511.  
  1512. .special_formatting_quote .quote_bar { background-color: #545454; }
  1513.  
  1514. #threads_msgs_scroller_div { background: #222; }
  1515.  
  1516. #threads_msgs_scroller_div:not(.loading)::before { background: #222; }
  1517.  
  1518. #threads_msgs_scroller_div.loading::before { color: #949494; }
  1519.  
  1520. #threads_msgs_scroller_div .threads_caught_up_divider .divider_line { border-top: 1px solid #363636; }
  1521.  
  1522. #threads_msgs_scroller_div .threads_caught_up_divider .divider_label { background: #545454; color: #e6e6e6; }
  1523.  
  1524. #threads_msgs_scroller_div.loading { background: none; }
  1525.  
  1526. #threads_msgs_scroller_div.loading::before { color: #e6e6e6; }
  1527.  
  1528. #threads_view_banner.messages_banner { background: #363636; }
  1529.  
  1530. #threads_view_banner.messages_banner:hover { background: #545454; }
  1531.  
  1532. #threads_view_banner.messages_banner:hover .clear_unread_messages { background: #545454; }
  1533.  
  1534. #threads_msgs.new_banner_is_showing::before { background: #222; }
  1535.  
  1536. ts-thread { background: #222; }
  1537.  
  1538. ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #363636; color: #e6e6e6; }
  1539.  
  1540. ts-thread .reply_input_container .collapsed_input_placeholder, ts-thread .reply_input_container .join_channel_from_thread_container, ts-thread .reply_input_container .reply_limited_in_general { background: #363636; border-color: #363636; }
  1541.  
  1542. ts-thread .thread_messages { background: #363636; border-color: #363636; }
  1543.  
  1544. ts-thread ts-message.new_reply { background: #222; }
  1545.  
  1546. ts-thread ts-message.new_reply:hover { background: #363636; }
  1547.  
  1548. ts-thread .thread_header .thread_channel_name a { color: #e6e6e6; }
  1549.  
  1550. ts-thread .thread_header .thread_action_btns button { color: #949494; }
  1551.  
  1552. ts-thread .new_reply_indicator .blue_dot { color: #bf360c; }
  1553.  
  1554. #convo_tab .thread_participants, ts-thread .thread_participants { color: #949494; }
  1555.  
  1556. #convo_loading_indicator { background-image: none; }
  1557.  
  1558. .reply_input_container .inline_message_input_container .ql-container { background-color: #545454; border: 1px solid #363636; }
  1559.  
  1560. .reply_input_container .inline_message_input_container .ql-container .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); }
  1561.  
  1562. .reply_input_container .inline_message_input_container .ql-container .ql-editor::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.25); }
  1563.  
  1564. .reply_input_container .inline_message_input_container .ql-container.focus { border-color: rgba(0, 0, 0, 0.15); }
  1565.  
  1566. .reply_input_container .inline_message_input_container .ql-container.focus ~ .emo_menu { color: #e6e6e6; }
  1567.  
  1568. .reply_input_container .inline_message_input_container .ql-container ~ .emo_menu { color: #949494; }
  1569.  
  1570. #file_reply_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, #reply_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, .reply_input_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container { color: #949494; }
  1571.  
  1572. #unread_msgs_scroller_div::after { background: transparent; }
  1573.  
  1574. #unread_msgs_scroller_div.loading { background-image: none; }
  1575.  
  1576. #unread_msgs_scroller_div.loading::before { color: #949494; }
  1577.  
  1578. #unread_msgs_div .day_divider .day_divider_line { border-top-color: #363636; }
  1579.  
  1580. .unread_group.marked_as_read .unread_group_header { background: #222; }
  1581.  
  1582. .unread_group_header { background: #363636; border-top-color: #545454; color: #e6e6e6; }
  1583.  
  1584. .unread_group_header .unread_group_collapse_toggle:hover ts-icon { color: #e6e6e6; }
  1585.  
  1586. .unread_group_header .unread_group_collapse_caret .ts_icon_caret_down { color: #949494; }
  1587.  
  1588. .collapsed .unread_group_header .ts_icon_caret_right, .collapsing .unread_group_header .ts_icon_caret_right { color: #949494; }
  1589.  
  1590. .mark_as_read_checkmark { color: #949494; }
  1591.  
  1592. .bottom_mark_all_read { border-top-color: #363636; }
  1593.  
  1594. .unread_group_header_name a { color: #e6e6e6; }
  1595.  
  1596. .unread_group_footer .unread_group_new .unread_group_new_text { color: #949494; }
  1597.  
  1598. .unread_group_footer .unread_group_new:hover .unread_group_new_text { color: #949494; }
  1599.  
  1600. .unread_empty_state_message { color: #949494; }
  1601.  
  1602. .unread_empty_state_undo_inner { background: #000; color: #e6e6e6; }
  1603.  
  1604. .unread_empty_state_undo_action { color: #e6e6e6; }
  1605.  
  1606. .unread_empty_state_refresh { background: rgba(34, 34, 34, 0.97); }
  1607.  
  1608. .unread_msgs_loading { background: #222; background-image: none; }
  1609.  
  1610. #col_flex { background: transparent; }
  1611.  
  1612. #flex_contents { background: #222; }
  1613.  
  1614. #flex_contents .heading { background: #151515; border-bottom-color: #363636; color: #949494; }
  1615.  
  1616. #flex_contents .heading a { color: #949494; }
  1617.  
  1618. #flex_contents .heading a:hover { color: #c7c7c7; }
  1619.  
  1620. #flex_contents .heading a.close_flexpane { color: #949494; }
  1621.  
  1622. #flex_contents .heading .cancel_link { color: #949494; }
  1623.  
  1624. #flex_contents .heading .menu_heading:hover { color: #e6e6e6; }
  1625.  
  1626. #flex_contents .heading .menu_icon { color: #949494; }
  1627.  
  1628. #flex_contents .heading .menu_icon:hover { color: #c7c7c7; }
  1629.  
  1630. #flex_contents .heading_text { color: #949494; }
  1631.  
  1632. #flex_contents .subheading:not(.empty) { background: #222; border-top: 1px solid #000; color: #949494; }
  1633.  
  1634. #flex_contents .subheading:not(.empty) p a { color: #e6e6e6; }
  1635.  
  1636. #flex_contents .subheading:not(.empty) .filter_menu_label.active .arrow_down { color: #949494; }
  1637.  
  1638. #flex_contents .toolbar_container { background: #222; }
  1639.  
  1640. #flex_contents .flexpane_tab_bar li .tab, #flex_contents .flexpane_tab_bar li a { color: #949494; }
  1641.  
  1642. #flex_contents .flexpane_tab_bar li:hover { border-bottom: 4px solid #363636; }
  1643.  
  1644. #flex_contents .flexpane_tab_bar li:hover a, #flex_contents .flexpane_tab_bar li:hover .tab { color: #949494; }
  1645.  
  1646. #flex_contents .flexpane_tab_bar li.active { border-bottom: 4px solid #363636; }
  1647.  
  1648. #flex_contents .flexpane_tab_bar li.active a, #flex_contents .flexpane_tab_bar li.active .tab { color: #949494; }
  1649.  
  1650. #flex_contents .help { border-top: 5px solid #000; color: #e6e6e6; }
  1651.  
  1652. #flex_contents i.callout { color: #949494; }
  1653.  
  1654. .close_flexpane { color: #949494; }
  1655.  
  1656. .close_flexpane:focus, .close_flexpane:hover { color: #e6e6e6; }
  1657.  
  1658. #client-ui.flex_pane_showing #col_flex { border-left-color: #363636; }
  1659.  
  1660. .toolbar_container { background: #222; border-bottom: 1px solid #000; color: #e6e6e6; }
  1661.  
  1662. .msg_right_link { color: #949494; }
  1663.  
  1664. .message_location_label { color: #949494; }
  1665.  
  1666. #details_tab .heading { background: #151515; }
  1667.  
  1668. #details_tab .heading a.close_flexpane { color: #949494; }
  1669.  
  1670. #details_tab .heading a.close_flexpane:hover { color: #c7c7c7; }
  1671.  
  1672. #details_tab hr { border-top-color: #363636; }
  1673.  
  1674. #details_tab .conversation_details .member_name:hover { color: #949494; }
  1675.  
  1676. #details_tab .conversation_details .member_username:hover { color: #e6e6e6; }
  1677.  
  1678. #details_tab .conversation_details .member_info_timezone { border-top-color: #545454; }
  1679.  
  1680. #details_tab .channel_page_section { background: #222; border-top: 1px solid #363636; }
  1681.  
  1682. #details_tab .channel_page_section .section_header:hover .disclosure_triangle { color: #c7c7c7; }
  1683.  
  1684. #details_tab .channel_page_section .section_header a { color: #949494; }
  1685.  
  1686. #details_tab .channel_page_section .section_title { color: #e6e6e6; }
  1687.  
  1688. #details_tab .channel_page_section .disclosure_triangle { color: #949494; }
  1689.  
  1690. #details_tab .channel_page_section .channel_page_members_highlighter, #details_tab .channel_page_section .channel_page_pinned_items_highlighter { background: rgba(191, 54, 12, 0.25) !important; }
  1691.  
  1692. #details_tab .created_by { color: #e6e6e6; }
  1693.  
  1694. #details_tab .channel_page_member_tabs .icon_member_header { color: #949494; }
  1695.  
  1696. #details_tab .pinned_item:hover { border-color: #545454; }
  1697.  
  1698. #details_tab .channel_page_action .leave_link { color: #949494; }
  1699.  
  1700. #details_tab .channel_page_action .leave_link:hover { color: #c7c7c7; }
  1701.  
  1702. #details_tab .channel_section_label .ts_icon_info_circle { color: #949494; }
  1703.  
  1704. #details_tab .feature_sli_channel_insights .channel_created_section .creator_link, #details_tab .feature_sli_channel_insights .channel_purpose_section .channel_purpose_text { color: #949494; }
  1705.  
  1706. .channel_page_member_row { color: #e6e6e6; }
  1707.  
  1708. .channel_page_member_row a { color: #949494; }
  1709.  
  1710. .channel_page_member_row.away { color: #e6e6e6; }
  1711.  
  1712. .channel_page_member_row.away a { color: #949494; }
  1713.  
  1714. .channel_page_member_row:hover { background-color: #545454; border-color: #363636; }
  1715.  
  1716. .pinned_item { color: #e6e6e6; }
  1717.  
  1718. .pinned_item .pin_file_title { color: #949494; }
  1719.  
  1720. .pinned_item .pin_member_name a { color: #949494 !important; }
  1721.  
  1722. .pinned_item .pin_metadata { color: #949494; }
  1723.  
  1724. .pinned_item .remove_pin { color: #949494; }
  1725.  
  1726. .pinned_item .remove_pin:hover { color: #c7c7c7; }
  1727.  
  1728. .pinned_item .pinned_message_text .pin_truncate_fade { background: #222; }
  1729.  
  1730. .pinned_item.delete_mode { border-color: #bf360c !important; }
  1731.  
  1732. .c-channel_insights__title { color: #e6e6e6; }
  1733.  
  1734. .c-channel_insights__section:not(.c-channel_insights__section--no_border) { border-color: #545454; }
  1735.  
  1736. .c-channel_insights__drawer_title { color: #949494; }
  1737.  
  1738. .c-channel_insights__item--user .member_preview_link, .c-channel_insights__item--user .message_sender { color: #e6e6e6 !important; }
  1739.  
  1740. .c-channel_insights__user_title { color: #949494; }
  1741.  
  1742. .c-channel_insights__channel .channel_link { color: #e6e6e6; }
  1743.  
  1744. .c-channel_insights__member_count { color: #949494; }
  1745.  
  1746. .c-channel_insights__member_count .ts_icon_user { color: #949494; }
  1747.  
  1748. .c-channel_insights .c-member__title { color: #949494; }
  1749.  
  1750. .c-channel_insights__activity { border-color: #545454; }
  1751.  
  1752. .c-channel_insights_activity_bar_container:hover { background-color: rgba(0, 0, 0, 0.05); }
  1753.  
  1754. .c-channel_insights_activity_bar_container:hover .c-channel_insights__activity_bar { background-color: #545454; }
  1755.  
  1756. .c-channel_insights__activity_bar { background-color: rgba(84, 84, 84, 0.5); }
  1757.  
  1758. .c-channel_insights__message ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) { background-color: #222; border-color: #545454; }
  1759.  
  1760. .c-channel_insights__message--truncate::before { background: linear-gradient(180deg, transparent, #222 90%); }
  1761.  
  1762. .c-channel_insights__highlights_description { color: #949494; }
  1763.  
  1764. .c-channel_insights__date_heading span { background-color: #222; color: #e6e6e6; }
  1765.  
  1766. .c-channel_insights__date_heading::before { background-color: #545454; }
  1767.  
  1768. #file_list_toggle_users { color: #949494; }
  1769.  
  1770. #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #c7c7c7; }
  1771.  
  1772. #file_list_toggle_users.active { color: #949494; }
  1773.  
  1774. .file_list_item .icon, .file_reference .icon { background: #828282; border: 1px solid #545454; color: #e6e6e6 !important; }
  1775.  
  1776. .filetype_button { background: #828282; border: 1px solid #545454; color: #e6e6e6 !important; }
  1777.  
  1778. .filetype_button:hover { background: #828282; }
  1779.  
  1780. .filetype_button:hover .file_download_label { background: #545454; color: #e6e6e6; }
  1781.  
  1782. .filetype_button .file_title { color: #e6e6e6; }
  1783.  
  1784. .filetype_button .file_download_label { background: #828282; border-top: 1px solid #545454; }
  1785.  
  1786. a.filetype_button_web { background: #828282; border: 1px solid #545454; color: #e6e6e6; }
  1787.  
  1788. a.filetype_button_web .filetype_icon { background-color: #545454; }
  1789.  
  1790. a.file_download_link { color: #949494; }
  1791.  
  1792. a.file_download_link:hover { color: #c7c7c7; }
  1793.  
  1794. a:hover .file_inline_icon { color: #949494; }
  1795.  
  1796. a.gsheet img, a.pdf img { background: #222 !important; }
  1797.  
  1798. html.no_touch a.filetype_button_web:hover { border-color: #545454; }
  1799.  
  1800. html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; }
  1801.  
  1802. .file_header_detailed { color: #949494; }
  1803.  
  1804. .file_header_detailed .member { color: #e6e6e6 !important; }
  1805.  
  1806. .file_inline_icon { color: #949494; }
  1807.  
  1808. .file_header .member { color: #949494 !important; }
  1809.  
  1810. .file_header .title { color: #e6e6e6; }
  1811.  
  1812. .file_header .title a { color: #949494; }
  1813.  
  1814. .file_header .title a:hover { color: #c7c7c7; }
  1815.  
  1816. .flexpane_file_title .member, .flexpane_file_title .service_link { color: #949494 !important; }
  1817.  
  1818. .flexpane_file_title .title a, .flexpane_file_title .file_action_list a { color: #949494; }
  1819.  
  1820. .flexpane_file_title .title a:hover, .flexpane_file_title .file_action_list a:hover { color: #c7c7c7; }
  1821.  
  1822. .file_actions_cog { color: #949494 !important; }
  1823.  
  1824. .file_actions_cog:hover { color: #c7c7c7 !important; }
  1825.  
  1826. .file_list_item { color: #e6e6e6; }
  1827.  
  1828. .file_list_item a { color: #949494; }
  1829.  
  1830. .file_list_item a.member { color: #c7c7c7; }
  1831.  
  1832. .file_list_item .bullet { color: #949494; }
  1833.  
  1834. .file_list_item .icon { background: #828282; border-color: #545454; }
  1835.  
  1836. .file_list_item .ts_icon_comment { color: #949494; }
  1837.  
  1838. .file_list_item .file_comment_link:hover { color: #949494; }
  1839.  
  1840. .file_list_item .file_comment_link:hover .ts_icon_comment { color: #949494; }
  1841.  
  1842. .file_list_item .title a { color: #949494; }
  1843.  
  1844. .file_list_item .share_info .unshare_link { color: #949494; }
  1845.  
  1846. .file_list_item .share_info .unshare_link:hover { color: #c7c7c7; }
  1847.  
  1848. .file_list_item .actions a, .file_list_item .actions span { background-color: #363636; border: 1px solid #828282; color: #949494; }
  1849.  
  1850. .file_list_item .actions a:hover { background-color: #222 !important; border-color: #828282; color: #c7c7c7; }
  1851.  
  1852. .file_list_item.post .preview, .file_list_item.space .preview { color: #e6e6e6; }
  1853.  
  1854. .file_list_item #share_dialog, .file_list_item.active, .file_list_item:active, .file_list_item:hover { background-color: #363636; border-color: #545454; }
  1855.  
  1856. .file_list_item #share_dialog .title a, .file_list_item.active .title a, .file_list_item:active .title a, .file_list_item:hover .title a { color: #949494; }
  1857.  
  1858. .file_list_item #share_dialog .actions, .file_list_item.active .actions, .file_list_item:active .actions, .file_list_item:hover .actions { background-color: transparent; }
  1859.  
  1860. .file_list_item #share_dialog .actions a, .file_list_item #share_dialog .actions span, .file_list_item.active .actions a, .file_list_item.active .actions span, .file_list_item:active .actions a, .file_list_item:active .actions span, .file_list_item:hover .actions a, .file_list_item:hover .actions span { background-color: #363636; }
  1861.  
  1862. .unshare_link { color: #949494 !important; }
  1863.  
  1864. .unshare_link i::before { color: #949494 !important; }
  1865.  
  1866. .unshare_link i.ts_icon_minus_circle_small:hover::before { color: #bf360c !important; }
  1867.  
  1868. .snippet_preview pre { color: #e6e6e6; }
  1869.  
  1870. .file_preview_wrapper .file_preview { background: #222; }
  1871.  
  1872. .file_preview_wrapper .file_preview:hover { background: #363636; }
  1873.  
  1874. #file_preview_container .file_meta { color: #949494; }
  1875.  
  1876. .file_page_meta { color: #949494; }
  1877.  
  1878. #file_page_preview img { background: #222; border: 1px solid #000; }
  1879.  
  1880. #file_page_preview img:hover { background: #363636; }
  1881.  
  1882. .comment_meta { color: #949494; }
  1883.  
  1884. .comment .special_formatting_quote .content { color: #e6e6e6; }
  1885.  
  1886. .comment .member { color: #e6e6e6 !important; }
  1887.  
  1888. .comment_body { color: #e6e6e6; }
  1889.  
  1890. .comment_actions { color: #949494; }
  1891.  
  1892. .comment_actions:hover { color: #e6e6e6; }
  1893.  
  1894. .icon_quote { color: #e6e6e6; }
  1895.  
  1896. .edit_comment_form .texty_comment_input, .comment_form .texty_comment_input { background: #545454; border-color: #363636; color: #e6e6e6; }
  1897.  
  1898. .edit_comment_form .texty_comment_input.focus, .edit_comment_form .texty_comment_input:hover, .comment_form .texty_comment_input.focus, .comment_form .texty_comment_input:hover { border-color: #363636; }
  1899.  
  1900. .tab_container .star_item .message .actions .btn_icon, .tab_container .star_item .message .actions .star_jump, .tab_container .star_item ts-message .actions .btn_icon, .tab_container .star_item ts-message .actions .star_jump, .tab_container .file_list_item .actions .btn_icon, .tab_container .file_list_item .actions .star_jump, .tab_container .file_comment_item .actions .btn_icon, .tab_container .file_comment_item .actions .star_jump { background-color: #222; }
  1901.  
  1902. .tab_container .star_item .message .actions .btn::after, .tab_container .star_item ts-message .actions .btn::after, .tab_container .file_list_item .actions .btn::after, .tab_container .file_comment_item .actions .btn::after { border-color: #363636; }
  1903.  
  1904. .tab_container .star_item ts-message .timestamp { color: #949494; }
  1905.  
  1906. .tab_container .file_list_item:focus, .tab_container .file_list_item:hover { background-color: #222; border-color: #363636; }
  1907.  
  1908. .tab_container .file_list_item .star { color: #949494; }
  1909.  
  1910. .tab_container .file_list_item .contents .file_comment_link { color: #949494; }
  1911.  
  1912. .tab_container .file_list_item .contents .file_comment_link .ts_icon { color: #949494; }
  1913.  
  1914. .tab_container .file_list_item .contents .file_comment_link:focus, .tab_container .file_list_item .contents .file_comment_link:hover { color: #c7c7c7; }
  1915.  
  1916. .tab_container .file_list_item .contents .file_comment_link:focus .ts_icon, .tab_container .file_list_item .contents .file_comment_link:hover .ts_icon { color: #c7c7c7; }
  1917.  
  1918. .tab_container .file_list_item .contents .member, .tab_container .file_list_item .contents .service_link, .tab_container .file_list_item .contents .share_info, .tab_container .file_list_item .contents .time { color: #949494; }
  1919.  
  1920. .tab_container .file_list_item .filetype_image { background-color: #000; }
  1921.  
  1922. .active .tab_container .file_list_item { background-color: #222; }
  1923.  
  1924. #user_groups_pane .mention { background: rgba(191, 54, 12, 0.25); border: 0; border-radius: 3px; padding: 2px; }
  1925.  
  1926. #user_groups_container .info_panel { background: #222; border: 1px solid #545454; }
  1927.  
  1928. #user_groups_container .mention { background-color: rgba(191, 54, 12, 0.25) !important; }
  1929.  
  1930. #user_groups_header .user_groups_search .icon_search { color: #949494; }
  1931.  
  1932. #user_groups_header a.icon_close { color: #949494; }
  1933.  
  1934. #user_groups_header a.icon_close:hover { color: #c7c7c7; }
  1935.  
  1936. .user_group_item { border-bottom: 1px solid #545454; }
  1937.  
  1938. .user_group_item a { color: #949494; }
  1939.  
  1940. #flex_contents .user_group_item:hover { background-color: #222; }
  1941.  
  1942. #flex_contents .user_group_item:hover h4 { color: #e6e6e6; }
  1943.  
  1944. #flex_contents .flexpane_tab_toolbar #user_group_edit { background-color: #222; }
  1945.  
  1946. #flex_contents .flexpane_tab_toolbar #user_group_edit.user_group_edit--flexpane .tab_action_button { color: #e6e6e6; }
  1947.  
  1948. .user_group_invite_member_small .add_icon { color: #949494; }
  1949.  
  1950. #user_group_member_invite_div .disabled .lfs_item.lfs_token { background-color: #828282; border-color: #828282; }
  1951.  
  1952. #flex_contents .subheading:not(.empty)#mentions_options { background-color: #222; border-bottom-color: #363636; color: #e6e6e6; }
  1953.  
  1954. .mention_day_container_div .day_divider::before { background: none; border-color: #363636; }
  1955.  
  1956. #member_mentions h3 a { color: #949494; }
  1957.  
  1958. .mention_rxn .mention_rxn_summary { color: #e6e6e6; }
  1959.  
  1960. .mention_rxn .mention_rxn_summary .member_preview_link, .mention_rxn .mention_rxn_summary .mention_rxn_summary_members { color: #949494; }
  1961.  
  1962. .search_message_result { background: #222 !important; border-color: #363636 !important; color: #e6e6e6 !important; }
  1963.  
  1964. .search_message_result .search_message_result_meta { color: #949494; }
  1965.  
  1966. .search_message_result .search_message_result_meta a { color: #949494; }
  1967.  
  1968. .search_message_result .search_message_result_meta .date_links a { color: #949494; }
  1969.  
  1970. .search_message_result_text .result_msg_format a { color: #949494; }
  1971.  
  1972. span.match { background: rgba(191, 54, 12, 0.25); }
  1973.  
  1974. #search_filters .tab { background: #222; color: #e6e6e6; }
  1975.  
  1976. #search_filters .tab:hover { border-bottom: 4px solid #363636; }
  1977.  
  1978. #search_filters.files #filter_files, #search_filters.messages #filter_messages { border-bottom: 4px solid #363636; color: #e6e6e6; }
  1979.  
  1980. #search_file_list_toggle_users.active:hover { border: 2px solid #c7c7c7; color: #c7c7c7 !important; }
  1981.  
  1982. .no_results { color: #e6e6e6; }
  1983.  
  1984. #search_results_team .team_results_heading { color: #e6e6e6; }
  1985.  
  1986. #search_results_team .team_result { background-color: #545454; border-color: #828282; color: #e6e6e6; }
  1987.  
  1988. #search_results_team .team_result a { color: #949494; }
  1989.  
  1990. #search_results_team .team_result:hover a { color: #c7c7c7; }
  1991.  
  1992. #search_results_team .team_result a:hover { color: #c7c7c7; }
  1993.  
  1994. #search_results_team .member_name { color: #e6e6e6 !important; }
  1995.  
  1996. .suggestion { color: #e6e6e6; }
  1997.  
  1998. .suggestion.active, .suggestion:hover { background: #545454; }
  1999.  
  2000. #paging_in_options .search_paging { color: #949494; }
  2001.  
  2002. #search_results_items .search_paging { color: #e6e6e6; }
  2003.  
  2004. .search_paging i.disabled { color: #949494; }
  2005.  
  2006. .search_paging a { color: #949494; }
  2007.  
  2008. .search_paging a:hover { color: #c7c7c7; }
  2009.  
  2010. .search_sort_prefix { color: #e6e6e6; }
  2011.  
  2012. .search_segmented_control { border-color: #363636; color: #949494 !important; }
  2013.  
  2014. .search_segmented_control:hover { color: #c7c7c7 !important; }
  2015.  
  2016. .search_segmented_control.active { background: #000; color: #c7c7c7 !important; }
  2017.  
  2018. .search_result_with_extract { background: #363636; border-color: #545454; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); }
  2019.  
  2020. .search_result_with_extract:hover { border-color: #828282; }
  2021.  
  2022. .search_result_for_context::after { background: rgba(34, 34, 34, 0.1); }
  2023.  
  2024. .extract_expand_text, .extract_expand_icons { color: #949494; }
  2025.  
  2026. .search_result_with_extract:hover .extract_expand_text, .search_result_with_extract:hover .extract_expand_icons { color: #c7c7c7; }
  2027.  
  2028. .search_module_header { color: #e6e6e6; }
  2029.  
  2030. .search_module_footer { background-color: #363636; border-bottom-color: #545454; border-left-color: #545454; border-right-color: #545454; }
  2031.  
  2032. .search_module_footer p { color: #e6e6e6; }
  2033.  
  2034. .search_module_footer #see_more { color: #e6e6e6; }
  2035.  
  2036. .search_module_footer #see_more a { color: #e6e6e6; }
  2037.  
  2038. .search_module_footer .top_results_feedback a { color: #e6e6e6; }
  2039.  
  2040. .search_module_footer ts-icon { color: #e6e6e6; }
  2041.  
  2042. .top_results_search_message_result { background-color: #363636; border-bottom-color: #545454; border-left-color: #545454; border-right-color: #545454; }
  2043.  
  2044. .top_results_search_message_result.duplicate { background-color: #363636; }
  2045.  
  2046. .top_results_search_message_result .timestamp { color: #949494; }
  2047.  
  2048. .top_results_search_message_result .channel { color: #949494; }
  2049.  
  2050. .top_results_search_message_result .channel a { color: #949494; }
  2051.  
  2052. .top_results_search_message_result .jump { color: #e6e6e6; }
  2053.  
  2054. .top_results_search_message_result:hover { border-color: rgba(130, 130, 130, 0.6) !important; border-top: 2px solid #545454 !important; }
  2055.  
  2056. .top_results_search_message_result:first-child { border-top: 2px solid #545454; }
  2057.  
  2058. .sli_expert_search { background-color: #222; color: #e6e6e6; }
  2059.  
  2060. .sli_expert_search__result { border-color: #545454; }
  2061.  
  2062. .sli_expert_search__result .app_preview_link, .sli_expert_search__result .member_preview_link { color: #e6e6e6 !important; }
  2063.  
  2064. .sli_expert_search__fg_face::before { background-color: #222; }
  2065.  
  2066. .sli_expert_search_cta { border-color: #545454; }
  2067.  
  2068. .sli_expert_search_cta:hover { border-color: #828282; }
  2069.  
  2070. .sli_expert_search_cta__text { color: #e6e6e6; }
  2071.  
  2072. .sli_expert_search_cta__text:hover { color: #e6e6e6; }
  2073.  
  2074. .sli_expert_search__plus_sign_overlay { background-color: #363636; color: #949494; }
  2075.  
  2076. .sli_expert_search__arrow { color: #949494; }
  2077.  
  2078. .sli_expert_search_cta:hover .sli_expert_search__arrow, .sli_expert_search_header:hover .sli_expert_search__arrow { color: #949494; }
  2079.  
  2080. .sli_expert_search__partial_terms { color: #949494; }
  2081.  
  2082. .feature_sli_file_search #search_filters.all #filter_all { border-bottom-color: #363636; color: #e6e6e6; }
  2083.  
  2084. .feature_sli_file_search #search_results .file_list_item { background-color: #222; border-color: #545454; }
  2085.  
  2086. .feature_sli_file_search #search_results.all, .feature_sli_file_search #search_results.messages { background-color: #222; }
  2087.  
  2088. .feature_sli_file_search #search_results.all .search_message_result, .feature_sli_file_search #search_results.messages .search_message_result { background-color: #222; border-color: #545454; }
  2089.  
  2090. .feature_sli_file_s