API tools faq
paste
Guest User

Untitled

a guest
Jan 16th, 2019
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 209.76 KB | None | 0 0
raw download clone embed print report
  1. #!/usr/bin/env bash
  2.  
  3. FILEPATH="/Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js"
  4. IFS='' read -r -d '' DARKMODE_CODE <<"EOF"
  5. //darkmode BEGIN
  6. document.addEventListener('DOMContentLoaded', function() {
  7. const css = `
  8. body { background: #222; color: #e6e6e6; }
  9.  
  10. a { color: #949494; }
  11.  
  12. a:link, a:visited { color: #949494; }
  13.  
  14. a:hover, a:active, a:focus { color: #c7c7c7; }
  15.  
  16. hr { border-bottom: 1px solid #424242; border-top: 1px solid #222; }
  17.  
  18. h1, h2, h3, h4 { color: #e6e6e6; }
  19.  
  20. h1 a { color: #e6e6e6; }
  21.  
  22. h1 a:active, h1 a:hover, h1 a:link, h1 a:visited { color: #e6e6e6; }
  23.  
  24. .bordered { border: 1px solid #363636; }
  25.  
  26. .top_border { border-top: 1px solid #363636; }
  27.  
  28. .bottom_border { border-bottom: 1px solid #363636; }
  29.  
  30. .left_border { border-left: 1px solid #363636; }
  31.  
  32. .right_border { border-right: 1px solid #363636; }
  33.  
  34. .bullet { color: #949494; }
  35.  
  36. .alert, .c-alert, .c-alert--boxed { background-color: #363636; border-color: #000; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
  37.  
  38. .alert h4, .c-alert h4, .c-alert--boxed h4 { color: #e6e6e6; }
  39.  
  40. .alert-info { background-color: #363636; border-color: #000; color: #e6e6e6; }
  41.  
  42. .alert-info h4 { color: #e6e6e6; }
  43.  
  44. ::-webkit-scrollbar-track { background: #363636 !important; border-left-color: #363636 !important; border-right-color: #363636 !important; color: #363636 !important; }
  45.  
  46. ::-webkit-scrollbar-thumb { background: #545454 !important; border-left-color: #363636 !important; border-right-color: #363636 !important; color: #222 !important; }
  47.  
  48. ::-webkit-scrollbar-corner { background: #222 !important; }
  49.  
  50. .supports_custom_scrollbar #messages_container::after { background: none !important; }
  51.  
  52. .monkey_scroll_bar { background: #424242; }
  53.  
  54. .monkey_scroll_handle_inner { background: #545454; border: 1px solid #828282; }
  55.  
  56. .monkey_scroll_bar_native_scrollbar_shim { background: transparent; }
  57.  
  58. #client-ui .monkey_scroll_bar { background: #424242; }
  59.  
  60. #client-ui .monkey_scroll_handle_inner { background: #545454; border: 3px solid #222; }
  61.  
  62. .c-scrollbar--monkey .c-scrollbar__track { background: #424242; }
  63.  
  64. .c-scrollbar--monkey .c-scrollbar__bar { background: #545454; box-shadow: 0 3px 0 #222, 0 -3px 0 #222; }
  65.  
  66. .client_channels_list_container { background-color: #363636; border-right-color: #222; }
  67.  
  68. #col_channels { color: #e6e6e6; }
  69.  
  70. .p-channel_sidebar { background-color: #363636; color: #e6e6e6; }
  71.  
  72. .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; }
  73.  
  74. .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; }
  75.  
  76. .p-channel_sidebar__channel:hover, .p-channel_sidebar__link:hover { background: #222 !important; }
  77.  
  78. .p-channel_sidebar__header { color: #e6e6e6 !important; }
  79.  
  80. .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; }
  81.  
  82. .p-channel_sidebar__channel--im .c-presence--away { color: #949494; }
  83.  
  84. .p-channel_sidebar__channel--selected, .p-channel_sidebar__link--selected { background: #545454 !important; }
  85.  
  86. .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected:hover { background: #545454 !important; }
  87.  
  88. .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; }
  89.  
  90. .p-channel_sidebar__link--selected::before, .p-channel_sidebar__link--selected::after { color: #e6e6e6; }
  91.  
  92. .p-channel_sidebar__badge, .p-channel_sidebar__banner--mentions { background: #bf360c; }
  93.  
  94. .p-channel_sidebar .c-custom_scrollbar__thumb_vertical, .p-channel_sidebar .c-scrollbar__bar { background: #545454; }
  95.  
  96. .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; }
  97.  
  98. .p-channel_sidebar__close_container:hover { background: #000; }
  99.  
  100. .p-channel_sidebar__jumper { background: transparent !important; }
  101.  
  102. .channels_list_holder h2 { color: #e6e6e6 !important; }
  103.  
  104. .channels_list_holder h2.hoverable:not(.jquery_hover):hover { color: #e6e6e6; opacity: 0.8; }
  105.  
  106. .channels_list_holder ul { color: #e6e6e6 !important; }
  107.  
  108. .channels_list_holder ul li { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  109.  
  110. .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; }
  111.  
  112. .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; }
  113.  
  114. .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; }
  115.  
  116. .channels_list_holder ul li.mention a { color: #e6e6e6; }
  117.  
  118. .channels_list_holder ul li.unread:not(.muted_channel) .primary_action { color: whitesmoke !important; }
  119.  
  120. .channels_list_holder ul li.unread .prefix { color: #e6e6e6 !important; opacity: 1; }
  121.  
  122. .channels_list_holder .group_close, .channels_list_holder .im_close, .channels_list_holder .mpim_close { color: #949494 !important; }
  123.  
  124. .channels_list_holder .unread_highlights { background: #bf360c; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  125.  
  126. .channels_list_holder .unread_msgs { background: #222; color: #e6e6e6; }
  127.  
  128. #channel_list_invites_link { border-bottom: 1px dotted #949494; color: #949494 !important; font-size: 0.9rem; }
  129.  
  130. #channel_list_invites_link:hover { border-bottom: 1px solid #949494; }
  131.  
  132. #quick_switcher_btn { background: #363636; border-top: 2px solid #363636; }
  133.  
  134. #quick_switcher_btn > i { color: #949494; }
  135.  
  136. #quick_switcher_btn:active, #quick_switcher_btn:hover { background: #222; border-color: #222; }
  137.  
  138. #quick_switcher_btn:active > i, #quick_switcher_btn:hover > i { color: #949494; }
  139.  
  140. #quick_switcher_btn:active #quick_switcher_label, #quick_switcher_btn:hover #quick_switcher_label { color: #949494; }
  141.  
  142. #quick_switcher_label { color: #949494; }
  143.  
  144. .p-channel_insights__channel .channel_link { color: #949494; }
  145.  
  146. .p-channel_insights__date_heading::before { background-color: #363636; }
  147.  
  148. .p-channel_insights__date_heading span { background-color: #222; color: #949494; }
  149.  
  150. .p-channel_insights__message--truncate::before { background: linear-gradient(180deg, transparent, #363636 90%); }
  151.  
  152. .p-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: #363636; }
  153.  
  154. .c-dialog__content { border-radius: 0.6rem; }
  155.  
  156. .c-dialog__header, .c-dialog__body, .c-dialog__footer { background: #363636; }
  157.  
  158. .c-dialog__title { color: #e6e6e6; }
  159.  
  160. .c-dialog .p-custom_status_input__duration_picker_select { padding-left: 11px; }
  161.  
  162. .c-dialog .p-custom_status_input__duration_picker_select .c-input_select__selected_value--placeholder { color: #e6e6e6; }
  163.  
  164. .loading #loading-zone { background: #222; }
  165.  
  166. #loading_welcome { background-image: none; }
  167.  
  168. #loading_message p { color: #e6e6e6; }
  169.  
  170. #loading_message #loading_message_attribution { color: #949494; }
  171.  
  172. #loading_team_menu_bg, #loading_user_menu_bg { background: #222; border: none; }
  173.  
  174. .infinite_spinner_bg, .infinite_spinner_blue { stroke: #e6e6e6; }
  175.  
  176. 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; }
  177.  
  178. .p-degraded_list__loading { background-color: #222; color: #e6e6e6; }
  179.  
  180. 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; }
  181.  
  182. 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); }
  183.  
  184. input[type=file]:focus { outline: #e6e6e6 dotted thin; }
  185.  
  186. input[type=radio]:focus, input[type=checkbox]:focus { outline: #e6e6e6 dotted thin; }
  187.  
  188. select { background: #545454; }
  189.  
  190. select, textarea { border: 1px solid #000; color: #e6e6e6; }
  191.  
  192. select:active, select:focus, textarea:active, textarea:focus { border-color: #363636; box-shadow: 0 0 7px rgba(130, 130, 130, 0.15); }
  193.  
  194. input:disabled, input:disabled:active, select:disabled, textarea:disabled { border-color: #424242 !important; }
  195.  
  196. .no_touch input:hover, .no_touch select:hover, .no_touch textarea:hover { border-color: #363636; }
  197.  
  198. .no_touch label.select:hover select { border-color: #363636; }
  199.  
  200. .no_touch label.select:not(.disabled):hover::after { color: #363636; }
  201.  
  202. label.disabled { color: #e6e6e6; }
  203.  
  204. legend { border-bottom: 1px solid #828282; }
  205.  
  206. legend small { color: #949494; }
  207.  
  208. .uneditable-input, .uneditable-textarea { background-color: #424242; border: 1px solid #000; color: #e6e6e6; }
  209.  
  210. .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); }
  211.  
  212. textarea { background-color: #545454; border: 1px solid #000; color: #e6e6e6; }
  213.  
  214. 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); }
  215.  
  216. ::-webkit-input-placeholder { color: #e6e6e6 !important; -webkit-filter: none; filter: none; opacity: 0.5; }
  217.  
  218. ::-moz-placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  219.  
  220. ::placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  221.  
  222. [data-placeholder]:empty::before { color: #e6e6e6 !important; }
  223.  
  224. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #e6e6e6 !important; -webkit-filter: none; filter: none; opacity: 0.5; }
  225.  
  226. input::-moz-placeholder, textarea::-moz-placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  227.  
  228. input::placeholder, textarea::placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  229.  
  230. input[data-placeholder]:empty::before, textarea[data-placeholder]:empty::before { color: #e6e6e6 !important; }
  231.  
  232. input[disabled], input[readonly], textarea[disabled], textarea[readonly] { background-color: #545454 !important; }
  233.  
  234. .form-actions { background-color: #424242; border-top: 1px solid #363636; }
  235.  
  236. .help-block, .help-inline { color: #949494; }
  237.  
  238. .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); }
  239.  
  240. .btn { background-color: #545454; color: #e6e6e6 !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  241.  
  242. .btn.hover, .btn:focus, .btn:hover, .btn.active, .btn:active { background-color: #545454; color: #e6e6e6; }
  243.  
  244. .btn.btn_border { border: 2px solid #424242; }
  245.  
  246. .btn.disabled, .btn:disabled { background-color: #000 !important; }
  247.  
  248. .btn.disabled:active, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:hover { background-color: #000 !important; }
  249.  
  250. .btn.btn_outline.btn_danger, .btn.btn_outline.btn_warning { background-color: #bf360c !important; color: #e6e6e6 !important; }
  251.  
  252. .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; }
  253.  
  254. .btn.btn_outline.disabled { background: #424242 !important; color: #949494 !important; }
  255.  
  256. .btn.btn_outline.disabled:hover { background: #424242 !important; color: #949494 !important; }
  257.  
  258. .btn.btn_attachment { border-color: #545454; }
  259.  
  260. .btn.btn_attachment:hover, .btn.btn_attachment:focus { background-color: #363636; border-color: #828282; }
  261.  
  262. .btn.btn_attachment.btn_danger { border-color: #bf360c; }
  263.  
  264. .btn.btn_attachment.btn_danger:hover, .btn.btn_attachment.btn_danger:focus { border-color: #ef440f; }
  265.  
  266. .btn.btn_attachment.btn_primary { border-color: #828282; }
  267.  
  268. .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9c9c; }
  269.  
  270. .btn_basic:focus, .btn_basic:hover { color: #e6e6e6; }
  271.  
  272. .btn_outline { background: #222; color: #949494 !important; }
  273.  
  274. .btn_outline::after { border: 1px solid #424242; }
  275.  
  276. .btn_outline.btn_transparent { color: rgba(84, 84, 84, 0.9) !important; }
  277.  
  278. .btn_outline.btn_transparent::after { border: 1px solid rgba(34, 34, 34, 0.5); }
  279.  
  280. .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; }
  281.  
  282. .btn_outline.btn_transparent.active, .btn_outline.btn_transparent:active { background-color: rgba(84, 84, 84, 0.8) !important; }
  283.  
  284. .btn_outline.hover, .btn_outline:focus, .btn_outline:hover { background: #222; color: #c7c7c7 !important; }
  285.  
  286. .btn_outline:active { color: #c7c7c7; }
  287.  
  288. .btn_outline.active { color: #c7c7c7 !important; }
  289.  
  290. .btn_link { color: #949494; }
  291.  
  292. .btn_link:hover, .btn_link:focus { color: #c7c7c7; }
  293.  
  294. .btn-group.open .btn.dropdown-toggle { background-color: #545454; }
  295.  
  296. .btn-group.open .btn-primary.dropdown-toggle { background-color: #424242; }
  297.  
  298. .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); }
  299.  
  300. .btn_info, .btn.btn_success { background-color: #222 !important; }
  301.  
  302. .btn_warning, .btn_danger { background-color: #bf360c !important; }
  303.  
  304. .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; }
  305.  
  306. .input_note { color: #e6e6e6; }
  307.  
  308. .c-enhanced_text_input { background-color: #545454; border-color: #363636; color: #949494; }
  309.  
  310. .c-enhanced_text_input:hover, .c-enhanced_text_input.c-enhanced_text_input--active { border-color: #545454; }
  311.  
  312. .c-filter_input { background: #545454; }
  313.  
  314. .p-share_dialog_message_input { color: #e6e6e6; }
  315.  
  316. .lazy_filter_select.disabled { background: #363636; }
  317.  
  318. .lazy_filter_select.disabled input.lfs_input { background: #828282; }
  319.  
  320. .lazy_filter_select .lfs_input_container { background-color: #545454; border-color: #000; }
  321.  
  322. .lazy_filter_select .lfs_input_container.active, .lazy_filter_select .lfs_input_container:hover { border-color: #363636; }
  323.  
  324. .lazy_filter_select .lfs_input_container.active { box-shadow: 0 0 7px rgba(34, 34, 34, 0.15); }
  325.  
  326. .lazy_filter_select .lfs_list_container { background: #222; border-color: #000; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
  327.  
  328. .lazy_filter_select .lfs_list .lfs_item.selected { color: #e6e6e6; }
  329.  
  330. .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; }
  331.  
  332. .lazy_filter_select .lfs_list .lfs_item.disabled { color: #949494; }
  333.  
  334. .lazy_filter_select .lfs_list .lfs_item.active { background-color: #000; border-color: #363636; color: #e6e6e6; }
  335.  
  336. .lazy_filter_select .lfs_token { background: #222; border: 1px solid #000; color: #e6e6e6; }
  337.  
  338. .lazy_filter_select .lfs_token::after { color: #e6e6e6; }
  339.  
  340. .lazy_filter_select.single .lfs_input_container.active::after, .lazy_filter_select.single .lfs_input_container:hover::after { color: #e6e6e6; }
  341.  
  342. #select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected { color: #e6e6e6 !important; }
  343.  
  344. #select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected .ts_icon:not(.presence_icon) { color: #949494 !important; }
  345.  
  346. #select_share_channels .lazy_filter_select .lfs_item { color: #949494 !important; }
  347.  
  348. #select_share_channels .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon) { color: #949494 !important; }
  349.  
  350. #message_edit_form .emo_menu { color: rgba(230, 230, 230, 0.3); }
  351.  
  352. #message_edit_form .emo_menu.active .ts_icon_happy_smile, #message_edit_form .emo_menu:hover .ts_icon_happy_smile { color: #828282; }
  353.  
  354. #message_edit_form.focus .emo_menu { color: rgba(230, 230, 230, 0.6); }
  355.  
  356. #message_edit_form.focus #primary_file_button:not(:hover) { border-color: #363636; }
  357.  
  358. #message_edit_form.offline #message-input, #message_edit_form.offline #primary_file_button { background-color: #363636 !important; }
  359.  
  360. #message_edit_form.offline #primary_file_button { border-color: #424242; color: #949494; }
  361.  
  362. #msg_form.focus #msg_input, #msg_form.focus #primary_file_button:not(:hover):not(.active) { border-color: #363636; }
  363.  
  364. #msg_form #msg_input { background: padding-box #545454; border-color: #424242; border-left: 0; color: #e6e6e6; }
  365.  
  366. #msg_form #msg_input.focus ~ .msg_mentions_button:not(.hover) { color: #e6e6e6; }
  367.  
  368. #msg_form .msg_mentions_button { color: #949494; }
  369.  
  370. #msg_form .msg_mentions_button:hover { color: #e6e6e6; }
  371.  
  372. #msg_input { background: #545454; border-color: #424242; color: #e6e6e6; }
  373.  
  374. #msg_input::-webkit-input-placeholder { color: #e6e6e6 !important; -webkit-filter: none; filter: none; opacity: 0.5; }
  375.  
  376. #msg_input::-moz-placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  377.  
  378. #msg_input::placeholder { color: #e6e6e6 !important; filter: none; opacity: 0.5; }
  379.  
  380. #msg_input[data-placeholder]:empty::before { color: #e6e6e6 !important; }
  381.  
  382. #msg_input:focus, #msg_input.focus { border-color: #363636; }
  383.  
  384. #msg_input:focus + #primary_file_button:not(:hover):not(.active), #msg_input.focus + #primary_file_button:not(:hover):not(.active) { border-color: #363636; }
  385.  
  386. #msg_input + #primary_file_button:not(:hover):not(.active) { border-color: #424242; }
  387.  
  388. #msg_input + #primary_file_button.focus-ring:not(:hover):not(.active) { border-color: #424242; }
  389.  
  390. #msg_input.offline:not(.pretend-to-be-online) { background-color: #363636 !important; color: #949494; }
  391.  
  392. #msg_input.disabled, #msg_input.ql-disabled { background-color: #363636; border-color: #363636; color: #949494; }
  393.  
  394. #msg_input_message { background-color: #363636; color: #e6e6e6; }
  395.  
  396. #primary_file_button { background: padding-box #545454; border-color: #424242; color: #949494; }
  397.  
  398. #primary_file_button.active, #primary_file_button.focus-ring, #primary_file_button:focus, #primary_file_button:hover { background: #424242; border-color: #363636; color: #e6e6e6; }
  399.  
  400. #footer, #footer.footer_msg_input { background: #222; box-shadow: inset 1px 0 0 0 #222; }
  401.  
  402. #footer.disabled #message-input, #footer.disabled #msg_input { background: padding-box #363636 !important; border-color: #363636 !important; }
  403.  
  404. #footer_archives_table { color: #949494; }
  405.  
  406. #typing_text { color: #949494; filter: none; }
  407.  
  408. #notification_bar.wide #typing_text.overflow_ellipsis { -webkit-filter: none; filter: none; }
  409.  
  410. #special_formatting_text { color: #949494; }
  411.  
  412. #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #545454; border-color: #363636; color: #e6e6e6; }
  413.  
  414. .inline_message_input_container .ql-container { border-color: #545454; color: #e6e6e6; }
  415.  
  416. .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #828282; }
  417.  
  418. .c-message--editing { background: #363636; border-color: #363636; color: #e6e6e6; }
  419.  
  420. .c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; }
  421.  
  422. .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); }
  423.  
  424. .c-message__editor__warning { color: #bf360c; }
  425.  
  426. .c-message .c-button { border-color: #424242; }
  427.  
  428. .c-message .c-button--outline { background-color: #363636; color: #949494; }
  429.  
  430. .c-message .c-button--outline:hover { color: #c7c7c7; }
  431.  
  432. .c-message .c-button--primary { background-color: #545454; color: #e6e6e6; }
  433.  
  434. #message_edit_container .message_input { background: #545454; border-color: #363636; color: #e6e6e6; }
  435.  
  436. #message_edit_container .message_input.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); }
  437.  
  438. .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(84, 84, 84, 0.5); color: #222; }
  439.  
  440. .ql-editor::-webkit-scrollbar-thumb:hover { background-color: rgba(84, 84, 84, 0.8); }
  441.  
  442. .ql-placeholder, .texty_legacy .ql-placeholder { color: #e6e6e6; filter: none; }
  443.  
  444. .ql-container.texty_single_line_input { background: #545454; border: 1px solid #363636; color: #e6e6e6; }
  445.  
  446. .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); }
  447.  
  448. .c-input_select { background: #545454; border-color: #363636; color: #e6e6e6; }
  449.  
  450. .p-file_list__file_type_select .c-input_select__selected_value--placeholder { color: #e6e6e6; }
  451.  
  452. .c-input_select_options_list_container:not(.c-input_select_options_list_container--always-open) { background: #545454; border-color: #363636; color: #e6e6e6; }
  453.  
  454. .c-input_select_options_list__option { color: #e6e6e6; }
  455.  
  456. .c-label__text { color: #e6e6e6; }
  457.  
  458. .c-date_picker__dropdown { background-color: #363636; }
  459.  
  460. .c-calendar_view_header__stepper_btn:disabled, .c-calendar_view_header__title_btn:disabled { color: #949494; }
  461.  
  462. .c-calendar_view_header__stepper_btn, .c-calendar_view_header__title_btn { color: #e6e6e6; }
  463.  
  464. .c-calendar_view_header__stepper_btn:hover, .c-calendar_view_header__title_btn:hover { background-color: #545454; }
  465.  
  466. .c-date_picker_calendar__date--disabled, .c-date_picker_calendar__date--disabled:hover { background-color: #363636; }
  467.  
  468. .c-mini_calendar__month_button:disabled, .c-mini_calendar__month_button:disabled:hover { background-color: #363636; }
  469.  
  470. .c-calendar_month__day_of_week_heading { color: #e6e6e6; }
  471.  
  472. .menu { background: #363636; border: 1px solid #222; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); color: #e6e6e6; }
  473.  
  474. .menu .menu_content { background: #363636 !important; }
  475.  
  476. .menu .menu_filter_container { background: #222; }
  477.  
  478. .menu .menu_filter_container input.menu_filter { border: 1px solid #424242; }
  479.  
  480. .menu .menu_filter_container input.menu_filter:focus { border-color: #545454; }
  481.  
  482. .menu .menu_filter_container .icon_search { color: #949494; }
  483.  
  484. .menu .menu_filter_container .icon_close { color: #949494 !important; }
  485.  
  486. .menu #menu_header .menu_simple_header { background: #000; border-color: #363636; color: #e6e6e6; }
  487.  
  488. .menu #menu_header .menu_simple_header a { color: #949494; }
  489.  
  490. .menu #menu_header .menu_simple_header a:hover { color: #c7c7c7; }
  491.  
  492. .menu #menu_header .menu_close { color: #e6e6e6; }
  493.  
  494. .menu .section_header .header_label { background-color: #363636; color: #949494; }
  495.  
  496. .menu .section_header > div.header_label_container { color: #949494; }
  497.  
  498. .menu ul li a { background: #363636; border-bottom: 0; color: #e6e6e6; }
  499.  
  500. .menu ul li a.delete_link { color: #bf360c; }
  501.  
  502. .menu ul li a:not(.inline_menu_link) { color: #e6e6e6; }
  503.  
  504. .menu ul li.highlighted a { background: #222; border-bottom-color: #000; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  505.  
  506. .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; }
  507.  
  508. .menu ul li.highlighted a.delete_link { color: #bf360c; }
  509.  
  510. .menu ul li.disabled a { color: #949494; }
  511.  
  512. .menu ul li i { color: #949494; }
  513.  
  514. .menu ul li.divider { border-bottom-color: #222; }
  515.  
  516. .menu ul li .menu_item_details { color: #949494; }
  517.  
  518. .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); }
  519.  
  520. .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; }
  521.  
  522. .menu:not(.keyboard_active) ul li:hover:not(.disabled) a.delete_link { color: #bf360c; }
  523.  
  524. .menu input { background: #363636; border: 1px solid #545454; }
  525.  
  526. .menu textarea { background: #363636; border: 1px solid #545454; }
  527.  
  528. .menu #menu_footer .menu_footer { background: #000; border-top: 1px solid #363636; }
  529.  
  530. .menu #monkey_scroll_wrapper_for_menu_items_scroller { background: #363636; }
  531.  
  532. .menu #menu_list_container #menu_list .menu_list_item a { color: #e6e6e6; }
  533.  
  534. .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); }
  535.  
  536. .c-menu { background-color: #363636; }
  537.  
  538. .c-menu_item__label { color: #fff; }
  539.  
  540. .c-menu_item__header { color: #949494; }
  541.  
  542. #autocomplete_menu { color: #e6e6e6; }
  543.  
  544. #autocomplete_menu header { background-color: #222; }
  545.  
  546. #autocomplete_menu header .header_label { color: #949494; }
  547.  
  548. #autocomplete_menu header hr { border-bottom-color: transparent; border-top-color: #000; }
  549.  
  550. #autocomplete_menu h2 { color: #e6e6e6; }
  551.  
  552. #autocomplete_menu .no_results { color: #e6e6e6; }
  553.  
  554. #autocomplete_menu .keyword_match .modifier { color: #949494; }
  555.  
  556. #autocomplete_menu .boxed { background: #222; border: 1px solid #363636; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15); }
  557.  
  558. #autocomplete_menu .pickmeup { border-bottom: 1px solid #363636; }
  559.  
  560. #autocomplete_menu.search_menu .section_header::before, #autocomplete_menu.search_menu.unified .section_header::before { background-color: #545454; }
  561.  
  562. #autocomplete_menu.search_menu header, #autocomplete_menu.search_menu.unified header { color: #e6e6e6; }
  563.  
  564. #autocomplete_menu.search_menu header .header_label::before, #autocomplete_menu.search_menu.unified header .header_label::before { background-color: #363636; }
  565.  
  566. #autocomplete_menu.search_menu .query_header, #autocomplete_menu.search_menu.unified .query_header { background-color: transparent; }
  567.  
  568. #autocomplete_menu.search_menu .query_header .search_query_preview, #autocomplete_menu.search_menu.unified .query_header .search_query_preview { color: #e6e6e6; }
  569.  
  570. #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); }
  571.  
  572. #autocomplete_menu.search_menu li.highlighted .modifier_icon, #autocomplete_menu.search_menu.unified li.highlighted .modifier_icon { color: #949494; }
  573.  
  574. #autocomplete_menu.search_menu li.highlighted .action_btn, #autocomplete_menu.search_menu.unified li.highlighted .action_btn { color: #e6e6e6; }
  575.  
  576. #autocomplete_menu.search_menu li.highlighted .delete_btn, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn { color: #949494; }
  577.  
  578. #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; }
  579.  
  580. #autocomplete_menu.search_menu li.highlighted .muted_text, #autocomplete_menu.search_menu.unified li.highlighted .muted_text { color: #949494; }
  581.  
  582. #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; }
  583.  
  584. #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; }
  585.  
  586. #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); }
  587.  
  588. #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; }
  589.  
  590. #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; }
  591.  
  592. #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; }
  593.  
  594. #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; }
  595.  
  596. #autocomplete_menu.search_menu .muted_text, #autocomplete_menu.search_menu.unified .muted_text { color: #949494; }
  597.  
  598. #autocomplete_menu.search_menu .time_modifiers::before, #autocomplete_menu.search_menu.unified .time_modifiers::before { background-color: #363636; }
  599.  
  600. #autocomplete_menu.search_menu .result_item_btn, #autocomplete_menu.search_menu.unified .result_item_btn { color: #e6e6e6; }
  601.  
  602. #autocomplete_menu.search_menu .results.unified .unified_autocomplete_item .text, #autocomplete_menu.search_menu.unified .results.unified .unified_autocomplete_item .text { color: #e6e6e6; }
  603.  
  604. #autocomplete_menu.search_menu .results.unified .unified_autocomplete_item .token, #autocomplete_menu.search_menu.unified .results.unified .unified_autocomplete_item .token { background-color: #424242; color: #e6e6e6; }
  605.  
  606. #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; }
  607.  
  608. #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; }
  609.  
  610. #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; }
  611.  
  612. #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; }
  613.  
  614. .search_light_grey { color: #e6e6e6 !important; }
  615.  
  616. .highlighter_underlay .keyword::before { background: #828282; border: 1px solid #545454; color: #e6e6e6; }
  617.  
  618. .highlighter_underlay .modifier::before { background: #828282; border: 1px solid #545454; color: #e6e6e6; }
  619.  
  620. .highlighter_underlay .modifier.incomplete::before { background: #363636; border: 1px solid #000; }
  621.  
  622. .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(130, 130, 130, 0.25); border: #545454; }
  623.  
  624. .highlighter_underlay .ghost_text { color: #e6e6e6; }
  625.  
  626. .pickmeup { background: #222; border: 1px solid #363636; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
  627.  
  628. .pickmeup .pmu-instance .pmu-button { color: #e6e6e6; }
  629.  
  630. .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #363636 !important; }
  631.  
  632. .pickmeup .pmu-instance .pmu-today.pmu-selected .pmu-today-border, .pickmeup .pmu-instance .pmu-today:hover .pmu-today-border { background: #828282; color: #e6e6e6 !important; }
  633.  
  634. .pickmeup .pmu-instance .pmu-today-border { border: 2px solid #545454 !important; color: #828282 !important; }
  635.  
  636. .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover { background: #545454; color: #e6e6e6; }
  637.  
  638. .pickmeup .pmu-instance .pmu-not-in-month { background: #222; color: #949494; }
  639.  
  640. .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: #545454; }
  641.  
  642. .pickmeup .pmu-instance .pmu-disabled { background: #222; color: #949494; }
  643.  
  644. .pickmeup .pmu-instance .pmu-disabled:hover { background: #222; color: #949494; }
  645.  
  646. .pickmeup .pmu-instance .pmu-selected { background: #545454; color: #e6e6e6; }
  647.  
  648. .pickmeup .pmu-instance nav { color: #949494; }
  649.  
  650. .pickmeup .pmu-instance nav :first-child :hover { color: #c7c7c7; }
  651.  
  652. .pickmeup .pmu-instance .pmu-months *, .pickmeup .pmu-instance .pmu-years * { border: 1px solid #363636; }
  653.  
  654. .pickmeup .pmu-instance .pmu-day-of-week { color: #e6e6e6; }
  655.  
  656. .pickmeup .pmu-instance .pmu-day-of-week * { border: 1px solid #363636; }
  657.  
  658. .pickmeup .pmu-instance .pmu-days * { border: 1px solid #363636; }
  659.  
  660. .p-block_kit_date_picker_calendar_wrapper { background: #363636; border-color: #545454; color: #e6e6e6; }
  661.  
  662. .p-block_kit_date_picker_calendar_wrapper .c-calendar_view_header__title_btn { background: #545454; border-color: #363636; color: #e6e6e6; }
  663.  
  664. .p-block_kit_date_picker_calendar_wrapper .c-date_picker_calendar__date--disabled, .p-block_kit_date_picker_calendar_wrapper .c-mini_calendar__month_button:disabled { background: #545454; color: #828282; }
  665.  
  666. #menu.date_picker .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover, #menu.date_picker .pickmeup .pmu-selected { background: #545454; }
  667.  
  668. #menu.date_picker li.date_picker_item a { color: #e6e6e6; }
  669.  
  670. #menu.date_picker li.date_picker_item a:hover { color: #e6e6e6; }
  671.  
  672. #menu.date_picker li.date_picker_item.highlighted a { color: #949494; }
  673.  
  674. #file_member_filter { background: #000; }
  675.  
  676. #client-ui .member_filter { border: 1px solid #545454; }
  677.  
  678. #client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item:hover .channel_page_member_row { background: #222; }
  679.  
  680. #client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item:hover .member { color: #e6e6e6; }
  681.  
  682. #client-ui #team_list_container #team_filter .member_filter { background-color: #222; border-left: 1px solid #000; }
  683.  
  684. #client-ui #file_member_filter { border-color: #545454; }
  685.  
  686. #client-ui #file_member_filter .member_filter { border-color: #545454; }
  687.  
  688. #client-ui .team_tabs_container { border-bottom: 1px solid #000; }
  689.  
  690. #team_filter .icon_search { color: #949494; }
  691.  
  692. #team_filter a.icon_close { color: #949494; }
  693.  
  694. #team_filter a.icon_close:hover { color: #c7c7c7; }
  695.  
  696. .filter_header { background-color: #222; }
  697.  
  698. .popover_menu { background-color: #222; border-top: 1px solid #545454; }
  699.  
  700. .popover_menu .arrow::after { background-color: #000; }
  701.  
  702. .popover_menu .arrow_shadow::after { background-color: #222; box-shadow: 0 0 0 1px #545454, 0 0 3px rgba(0, 0, 0, 0.08); }
  703.  
  704. .popover_menu.showing_header .arrow::after, .popover_menu.showing_header .arrow_shadow::after { background-color: #222 !important; }
  705.  
  706. .popover_menu .content { background-color: #222; }
  707.  
  708. .tab_complete_ui { background: #222; border: 1px solid #363636; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); }
  709.  
  710. .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); }
  711.  
  712. .tab_complete_ui ul.type_emoji li { color: #e6e6e6; }
  713.  
  714. .tab_complete_ui ul.type_members .broadcast_info, .tab_complete_ui ul.type_members .realname { color: #e6e6e6; }
  715.  
  716. .tab_complete_ui ul.type_members .unify_broadcast { color: #e6e6e6; }
  717.  
  718. .tab_complete_ui ul.type_members .unify_broadcast .ts_icon_broadcast { color: #949494; }
  719.  
  720. .tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_name { color: #e6e6e6 !important; }
  721.  
  722. .tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_divider { border-bottom: 0; border-top-color: #363636; }
  723.  
  724. .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; }
  725.  
  726. .tab_complete_ui ul.type_cmds .cmdname { color: #e6e6e6; }
  727.  
  728. .tab_complete_ui ul.type_cmds .cmddesc { color: #949494; }
  729.  
  730. .tab_complete_ui li.tab_complete_ui_item, .tab_complete_ui li.tab_complete_ui_group { border-bottom: 1px solid #363636; }
  731.  
  732. .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); }
  733.  
  734. .tab_complete_ui li.tab_complete_ui_item.active span, .tab_complete_ui li.tab_complete_ui_group.active span { color: #e6e6e6 !important; }
  735.  
  736. .tab_complete_ui .not_in_channel { color: #949494; }
  737.  
  738. #team_menu { background: #363636; border-bottom: 2px solid #363636; color: #e6e6e6; }
  739.  
  740. #team_menu.active, #team_menu:hover { background: #363636 !important; border-bottom-color: #363636 !important; }
  741.  
  742. #team_menu.active i, #team_menu:hover i { color: #e6e6e6; }
  743.  
  744. #team_menu i { color: #949494; }
  745.  
  746. #team_menu .presence .presence_icon { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  747.  
  748. #team_menu .team_name_caret, #team_menu .notifications_menu_btn { color: #e6e6e6 !important; }
  749.  
  750. #team_menu_user { color: #949494; }
  751.  
  752. #team_menu_user_name, #team_menu_user_details { color: #e6e6e6 !important; opacity: 0.75; }
  753.  
  754. .slack_menu_section::before { border-top-color: #222; }
  755.  
  756. .slack_menu_header_secondary { color: #949494; }
  757.  
  758. .slack_menu_download { background-color: #363636; }
  759.  
  760. .slack_menu_download ts-icon { color: #949494; }
  761.  
  762. #menu_items_scroller::-webkit-scrollbar-track { background: #222 !important; }
  763.  
  764. #limit_meter:hover #limit_meter_message_body { color: #e6e6e6; }
  765.  
  766. #limit_meter_message_body { color: #949494; }
  767.  
  768. .channel_header { background: #222; box-shadow: inset 1px 0 0 0 #222; }
  769.  
  770. .channel_header .blue_on_hover:hover { color: #e6e6e6; }
  771.  
  772. #client_body:not(.onboarding)::before { background: #222; border-bottom: 1px solid #363636; box-shadow: inset 1px 0 0 0 #222; }
  773.  
  774. #client_body:not(.onboarding):not(.feature_global_nav_layout)::before { background: #222; border-bottom: 1px solid #363636; box-shadow: inset 1px 0 0 0 #222; }
  775.  
  776. .messages_header { color: #e6e6e6; }
  777.  
  778. .channel_title .channel_name_container .channel_name { color: #e6e6e6; }
  779.  
  780. .channel_title .channel_name_container .channel_name.muted { color: #949494; }
  781.  
  782. .channel_title .channel_name_container .ts_icon_shared_channel.away, .channel_title .channel_name_container .mpdm_member.away { color: #949494; }
  783.  
  784. .channel_title .channel_name_container .muted_icon { color: #949494; }
  785.  
  786. .channel_title .channel_name_container .muted_icon:hover { color: #bf360c; }
  787.  
  788. #im_title.away { color: #949494; }
  789.  
  790. .channel_header_info button { color: #949494; }
  791.  
  792. .channel_header_icon { color: #e6e6e6; }
  793.  
  794. .channel_calls_button .call_icon.call_window_offline { color: #949494; }
  795.  
  796. .channel_actions_toggle.active:focus, .details_toggle.active:focus { color: #e6e6e6; }
  797.  
  798. #flex_menu_toggle.active, #flex_menu_toggle.active:focus { color: #e6e6e6; }
  799.  
  800. #flex_menu_toggle .flex_menu_download_circle { background: #222; }
  801.  
  802. #flex_menu_toggle .flex_menu_download_circle canvas { background: #222; }
  803.  
  804. #flex_menu_toggle.unread #help_icon_circle_count { background-color: #bf360c; color: #fff; }
  805.  
  806. #flex_menu_toggle.open #help_icon_circle_count { background-color: #000; color: #e6e6e6; }
  807.  
  808. #canvases_toggle.active, #details_toggle.active, #recent_mentions_toggle.active, #sli_recap_toggle.active, #stars_toggle.active { background: #363636; color: #e6e6e6; }
  809.  
  810. #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; }
  811.  
  812. #recent_mentions_toggle:hover { color: #bf360c; }
  813.  
  814. #rxn_toast_div { background: #000; border: 1px solid #545454; }
  815.  
  816. .presence { color: #949494; }
  817.  
  818. #edit_topic_inner:not(.unable_to_post)::before { background: #222; border-color: #363636; }
  819.  
  820. #edit_topic_trigger { color: #949494; }
  821.  
  822. .c-message_list__day_divider__label { color: #949494; }
  823.  
  824. .c-message_list__day_divider__label__pill { background: #222; position: relative; }
  825.  
  826. .c-message_list__day_divider__line { border-top-color: #363636; }
  827.  
  828. .day_divider, .mention_day_container_div .day_divider { background: #222; color: #949494; }
  829.  
  830. .day_divider hr, .mention_day_container_div .day_divider hr { border-bottom: 0; border-top: 1px solid #363636; }
  831.  
  832. .day_divider .day_divider_label { background: #222; }
  833.  
  834. .day_container .day_msgs { border-top: 1px solid #363636; }
  835.  
  836. .day_container.unread_day_container .day_msgs { border-color: #828282; }
  837.  
  838. .day_container .day_divider { background: none; color: #949494; }
  839.  
  840. .day_container .day_divider .day_divider_label { background: #222; }
  841.  
  842. .search_form { border-color: #545454; }
  843.  
  844. .search_form .search_input { background: transparent; }
  845.  
  846. .search_form:hover { border-color: #828282; }
  847.  
  848. .search_focused .search_form { border-color: #828282; }
  849.  
  850. .search_clear_icon .ts_icon_times_circle { color: #949494; }
  851.  
  852. #search_spinner { color: #e6e6e6; }
  853.  
  854. #search_container .search_input { background: transparent; }
  855.  
  856. #search_container .icon_search { color: #949494; }
  857.  
  858. #search_container .icon_close { color: #949494; }
  859.  
  860. #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; }
  861.  
  862. #team_filter a.icon_close, #user_group_filter a.icon_close, .searchable_member_list_search_bar a.icon_close { color: #949494; }
  863.  
  864. #team_filter a.icon_close:hover, #user_group_filter a.icon_close:hover, .searchable_member_list_search_bar a.icon_close:hover { color: #c7c7c7; }
  865.  
  866. .c-search { background: transparent; }
  867.  
  868. .c-search_message__body { color: #e6e6e6; }
  869.  
  870. .p-search_filter__more_link { color: #e6e6e6; }
  871.  
  872. .p-search_filter__title_text { background: #363636; color: #e6e6e6; }
  873.  
  874. .p-search_filter__datepicker_trigger { background: #363636; border-color: #545454; color: #e6e6e6; }
  875.  
  876. .p-search_filter__datepicker_trigger:hover { color: #949494; }
  877.  
  878. .c-search_modal .popover > div, .c-search_modal .c-search__input_box, .c-search_modal:not(.c-search_modal--primarysearch) .popover > div, .c-search_modal:not(.c-search_modal--primarysearch) .c-search__input_box { background: #363636; border-color: #545454; color: #e6e6e6; }
  879.  
  880. .c-search_autocomplete footer { background: #363636; border-color: #545454; color: #e6e6e6; }
  881.  
  882. .c-search_autocomplete__suggestion_item { color: #e6e6e6; }
  883.  
  884. .c-search_autocomplete__suggestion_item--selected { background-color: #424242; }
  885.  
  886. .c-search_autocomplete__suggestion_item .token { background-color: #222222; color: #e6e6e6; }
  887.  
  888. .c-search__input_and_close { border-bottom-color: #000; }
  889.  
  890. .c-search__input_box__clear, .c-search__input_box__icon, .c-search__section_header, .c-search__input_and_close__close { color: #e6e6e6; }
  891.  
  892. #msgs_overlay_div { background: #222; }
  893.  
  894. #col_messages { box-shadow: inset 1px 0 0 0 #222; }
  895.  
  896. .c-mrkdwn__broadcast--mention, .c-mrkdwn__broadcast--mention:hover, .c-mrkdwn__highlight, .c-mrkdwn__mention, .c-mrkdwn__mention:hover, .c-mrkdwn__subteam--mention, .c-mrkdwn__subteam--mention:hover, .mention_yellow_bg { color: #949494 !important; }
  897.  
  898. .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #949494; }
  899.  
  900. .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; }
  901.  
  902. .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); }
  903.  
  904. .c-message:hover .c-message__body--automated, .c-message--hover .c-message__body--automated .c-message--focus .c-message__body--automated { color: #949494; }
  905.  
  906. .c-message:hover .c-message__file_meta, .c-message--hover .c-message__file_meta .c-message--focus .c-message__file_meta { color: #949494; }
  907.  
  908. .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); }
  909.  
  910. .c-message--pinned, .c-message--sli_highlight:not(.c-message--sli_highlight_negative), .c-message--starred { background: rgba(0, 0, 0, 0.2); }
  911.  
  912. .c-message--custom_response { background: rgba(0, 0, 0, 0.15); }
  913.  
  914. .c-message--sli_highlight_negative, .c-message--ephemeral { background: rgba(0, 0, 0, 0.1); }
  915.  
  916. .c-message--pinned .c-message__label__icon { color: #bf360c; }
  917.  
  918. .c-message--custom_response .c-message__label__icon, .c-message--sli_highlight .c-message__label__icon { color: #e6e6e6; }
  919.  
  920. .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; }
  921.  
  922. .c-message--sli_highlight_negative .c-message__label { background: rgba(0, 0, 0, 0.1); }
  923.  
  924. .c-message--resend .c-message__body { color: #949494; }
  925.  
  926. .c-message--deleting { background: rgba(191, 54, 12, 0.6); }
  927.  
  928. .c-message--standalone { border-color: rgba(84, 84, 84, 0.1); }
  929.  
  930. .c-message--unprocessed .c-message__body { animation: to-grey 50ms linear 10s forwards; }
  931.  
  932. .c-message__broadcast_preamble_outer, .c-message__broadcast_preamble { color: #949494; }
  933.  
  934. .c-message__sender { color: #e6e6e6; }
  935.  
  936. .c-message__sender a { color: #e6e6e6; }
  937.  
  938. .c-message__sender .c-emoji__text_mode_icon { color: #949494; }
  939.  
  940. .c-message__body { color: #e6e6e6; }
  941.  
  942. .c-message__body--unknown { background: rgba(84, 84, 84, 0.1); }
  943.  
  944. .c-message__body--automated { color: #949494; }
  945.  
  946. .c-message__body--tombstone { color: #949494; }
  947.  
  948. .c-message__label { color: #949494; }
  949.  
  950. .c-message__label__highlight_title { color: #e6e6e6; }
  951.  
  952. .c-message__label__highlight_positive, .c-message__label__highlight_negative { color: #949494; }
  953.  
  954. .c-message__label__highlight_positive--active, .c-message__label__highlight_negative--active { color: #e6e6e6; }
  955.  
  956. .c-message__resend_controls { color: #949494; }
  957.  
  958. .c-message__resend_column { background-color: rgba(84, 84, 84, 0.1); }
  959.  
  960. .c-message__resend, .c-message__cancel { color: #e6e6e6; }
  961.  
  962. .c-message__edited_label { color: #949494; }
  963.  
  964. .c-message__tombstone_icon { background: rgba(84, 84, 84, 0.1); color: #949494; }
  965.  
  966. .c-message__bot_label { background: rgba(84, 84, 84, 0.1); color: #949494; }
  967.  
  968. .c-message__comment:before { color: #949494; }
  969.  
  970. .c-message__call_attachment { background: #222; border-color: rgba(84, 84, 84, 0.1); }
  971.  
  972. .c-message__call_icon { color: #e6e6e6; }
  973.  
  974. .c-message__call--ended .c-message__call_icon { color: #949494; }
  975.  
  976. .c-message__call_info { color: #e6e6e6; }
  977.  
  978. .c-message__call_name--linked { color: #e6e6e6; }
  979.  
  980. .c-message__call_name + .c-message__call_description::before { color: #949494; }
  981.  
  982. .c-message__call_sub { color: #949494; }
  983.  
  984. .c-message_actions__container { background: #222; border-color: #363636; }
  985.  
  986. .c-message_actions__container:hover { border-color: #545454; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  987.  
  988. .c-message_actions__button { border-right-color: #363636; color: #949494; }
  989.  
  990. .c-message_actions__button:hover { color: #e6e6e6; }
  991.  
  992. .c-message_actions__button:active { background: #363636; }
  993.  
  994. .c-message_group { background-color: #222; border-color: #363636; }
  995.  
  996. .c-message_group:hover .c-message_group__header { color: #949494; }
  997.  
  998. .c-message_group__header { color: #e6e6e6; }
  999.  
  1000. .c-message_group__divider_text { background-color: #222; color: #e6e6e6; }
  1001.  
  1002. .c-message_list__unread_divider__separator { border-color: #545454; }
  1003.  
  1004. .c-message_list__unread_divider__label { background: #222; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); color: #545454; }
  1005.  
  1006. .c-message_list__spinner { color: #949494; }
  1007.  
  1008. .c-message_list .c-scrollbar__bar { background: #424242; }
  1009.  
  1010. .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8); }
  1011.  
  1012. ts-message { color: #e6e6e6; }
  1013.  
  1014. 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; }
  1015.  
  1016. 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); }
  1017.  
  1018. 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; }
  1019.  
  1020. ts-message.active .meta, ts-message.message--focus .meta, ts-message:hover .meta { color: #949494 !important; }
  1021.  
  1022. 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; }
  1023.  
  1024. ts-message.is_pinned { background: rgba(0, 0, 0, 0.15); }
  1025.  
  1026. ts-message .timestamp { color: #949494; }
  1027.  
  1028. ts-message .temp_msg_controls { color: #949494; }
  1029.  
  1030. ts-message .edited { color: rgba(148, 148, 148, 0.8); }
  1031.  
  1032. ts-message:hover .edited { color: #949494; }
  1033.  
  1034. ts-message .only_visible_to_user { color: #949494; }
  1035.  
  1036. ts-message.ephemeral { color: #e6e6e6; }
  1037.  
  1038. ts-message .bot_label { background: #000; color: #949494; }
  1039.  
  1040. ts-message .in_reply_to { background: #000; color: #949494; }
  1041.  
  1042. 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; }
  1043.  
  1044. ts-message.unprocessed { color: rgba(230, 230, 230, 0.75); }
  1045.  
  1046. ts-message.highlight { background: rgba(191, 54, 12, 0.4); }
  1047.  
  1048. ts-message.highlight:hover { background: rgba(191, 54, 12, 0.4); }
  1049.  
  1050. ts-message .is_highlights_holder { color: #949494; }
  1051.  
  1052. ts-message .is_highlights_holder ts-icon { color: #949494; }
  1053.  
  1054. ts-message .is_highlights_holder .highlights_feedback_link { color: #949494; }
  1055.  
  1056. ts-message .is_highlights_holder .highlights_feedback a:not(.highlights_feedback_link) { color: #e6e6e6; }
  1057.  
  1058. ts-message .recap_highlight { background: rgba(191, 54, 12, 0.4); }
  1059.  
  1060. ts-message .recap_highlight a { color: #e6e6e6; }
  1061.  
  1062. ts-message.delete_mode, ts-message.multi_delete_mode { background: rgba(191, 54, 12, 0.75); }
  1063.  
  1064. ts-message.automated .message_body { color: rgba(230, 230, 230, 0.8); }
  1065.  
  1066. ts-message .action_hover_container { border: 1px solid #363636; }
  1067.  
  1068. ts-message .action_hover_container:hover { border-color: #545454; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  1069.  
  1070. ts-message .action_hover_container:hover a { background: #363636; border-right: 1px solid #545454; }
  1071.  
  1072. ts-message .action_hover_container .btn_msg_action { background: #222; border-right: 1px solid #363636; color: #949494; }
  1073.  
  1074. ts-message .action_hover_container .btn_msg_action:hover { color: #e6e6e6; }
  1075.  
  1076. ts-message .action_hover_container .btn_msg_action.active, ts-message .action_hover_container .btn_msg_action:active { background: #363636; color: #e6e6e6; }
  1077.  
  1078. ts-message.selected { background: #222; }
  1079.  
  1080. ts-message.selected:not(.delete_mode) { background: #222; }
  1081.  
  1082. ts-message.selected:hover { background: rgba(0, 0, 0, 0.15); }
  1083.  
  1084. ts-message .meta { color: #949494; }
  1085.  
  1086. 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; }
  1087.  
  1088. 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; }
  1089.  
  1090. ts-message .pinned_item_message_header { color: #949494; }
  1091.  
  1092. ts-message .mention { background: #828282 !important; color: #e6e6e6 !important; }
  1093.  
  1094. ts-message .internal_member_link { background: #222 !important; border: 0; color: #949494 !important; }
  1095.  
  1096. ts-message .internal_member_link:hover { color: #c7c7c7 !important; }
  1097.  
  1098. ts-message.show_recap:not(.is_pinned) { background: rgba(0, 0, 0, 0.15); }
  1099.  
  1100. ts-message.show_recap:not(.is_pinned):hover { background: rgba(0, 0, 0, 0.15); }
  1101.  
  1102. .ephemeral.message .message_content { color: #e6e6e6; }
  1103.  
  1104. ts-mention { background: rgba(130, 130, 130, 0.1) !important; color: #e6e6e6 !important; }
  1105.  
  1106. .selecting_messages ts-message:hover { background: #000; }
  1107.  
  1108. .selecting_messages ts-message.multi_delete_mode:hover { background: rgba(191, 54, 12, 0.75); }
  1109.  
  1110. #convo_container { background-color: #222; }
  1111.  
  1112. #convo_container #message_edit_container { border-bottom: 1px solid #545454; border-top: 1px solid #545454; }
  1113.  
  1114. #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%); }
  1115.  
  1116. #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%); }
  1117.  
  1118. #convo_container ts-conversation ts-message.selected { background: #222; }
  1119.  
  1120. #convo_container ts-conversation ts-relatives::after { background: #545454; }
  1121.  
  1122. #convo_container ts-conversation ts-relatives ts-message.deleted .message_icon i { background-color: #545454; color: #949494; }
  1123.  
  1124. #convo_container ts-conversation ts-relatives ts-message.deleted .message_content { color: #e6e6e6; }
  1125.  
  1126. #convo_container ts-conversation ts-relatives ts-message:not(.selected):not(.highlight):not(.delete_mode) { background-color: #222; }
  1127.  
  1128. #convo_container ts-conversation ts-relatives ts-message:not(.selected):not(.highlight):not(.delete_mode).new { background-color: #2f2f2f; }
  1129.  
  1130. #msgs_div .unread_divider hr { border-top: 1px solid #545454; }
  1131.  
  1132. #msgs_div .unread_divider .divider_label { background: #222; color: #545454; }
  1133.  
  1134. #msgs_div .unread_divider.no_unreads hr { border-top-color: #363636; }
  1135.  
  1136. #msgs_div .unread_divider.no_unreads .divider_label { color: #949494; }
  1137.  
  1138. .channel_archive_messages.card .col:first-child { border-right: 1px solid #545454; }
  1139.  
  1140. .star { color: #949494; }
  1141.  
  1142. .star_item { border-bottom: 1px solid #000; }
  1143.  
  1144. .star_item .star_meta { color: #949494; }
  1145.  
  1146. .bot_message .message_sender { color: #e6e6e6; }
  1147.  
  1148. .bot_message .message_sender a { color: #e6e6e6; }
  1149.  
  1150. .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; }
  1151.  
  1152. #msgs_scroller_div #end_display_div #end_display_status { color: #949494; }
  1153.  
  1154. #msgs_scroller_div #end_display_div #end_display_meta { color: #949494; }
  1155.  
  1156. #msgs_scroller_div #end_display_div #end_display_meta h1 { color: #e6e6e6; }
  1157.  
  1158. #msgs_scroller_div #end_display_div p { color: #e6e6e6; }
  1159.  
  1160. .member_mentions_options { background-color: #000; border-top: 1px solid #363636; }
  1161.  
  1162. .dm_badge .dm_badge_meta { color: #e6e6e6; }
  1163.  
  1164. .dm_badge a { color: #949494; }
  1165.  
  1166. .dm_badge a.member_preview_link { color: #949494; }
  1167.  
  1168. .dm_badge .dm_badge:hover a { color: #949494; }
  1169.  
  1170. .dm_badge .hint { color: #949494; }
  1171.  
  1172. #toggle-subscription-status .subscription_desc { color: #949494; }
  1173.  
  1174. .bot_label { background: #000; color: #949494; }
  1175.  
  1176. @keyframes to-grey { 0% { color: inherit; }
  1177. 100% { color: #949494; } }
  1178.  
  1179. @keyframes fade-background-highlight { 0% { background: #545454; }
  1180. 100% { background: transparent; } }
  1181.  
  1182. @keyframes border_focus_animation { 0% { box-shadow: 0 0 4px 0.25px #545454, 0 0 0 0.5px #828282; }
  1183. 100% { box-shadow: 0 0 4px 0 #545454, 0 0 0 0 #828282; } }
  1184.  
  1185. .c-message_attachment { color: #e6e6e6; }
  1186.  
  1187. .c-message_attachment__border { background-color: #545454; }
  1188.  
  1189. .c-message_attachment__delete { color: #949494; }
  1190.  
  1191. .c-message_attachment__delete:hover { color: #c7c7c7; }
  1192.  
  1193. .c-message_attachment__pretext { color: #e6e6e6; }
  1194.  
  1195. .c-message_attachment__part + .c-message_attachment__part::before { color: #545454; }
  1196.  
  1197. .c-message_attachment__author .c-message_attachment__autor--distinct { color: #949494; }
  1198.  
  1199. .c-message_attachment__author_link + .c-message_attachment__author_link { color: #949494; }
  1200.  
  1201. .c-message_attachment__title_link span { color: #e6e6e6; }
  1202.  
  1203. .c-message_attachment__text_expander { color: #949494; }
  1204.  
  1205. .c-message_attachment__footer { color: #949494; }
  1206.  
  1207. .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; }
  1208.  
  1209. .c-message_attachment__video_html { background-color: rgba(34, 34, 34, 0.4); }
  1210.  
  1211. .c-message_attachment__video_buttons { background: rgba(0, 0, 0, 0.4); }
  1212.  
  1213. .c-message_attachment__video_link:visited, .c-message_attachment__video_link:link { color: #e6e6e6; }
  1214.  
  1215. .c-message_attachment__video_play, .c-message_attachment__video_link { color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  1216.  
  1217. .c-message_attachment__video_play:hover, .c-message_attachment__video_link:hover { color: #e6e6e6; }
  1218.  
  1219. .c-message_attachment__media_trigger .c-expandable_trigger { color: #949494; }
  1220.  
  1221. .c-message_attachment__media_trigger--too_large { color: #949494; }
  1222.  
  1223. .c-message_attachment__select { border-color: #000; }
  1224.  
  1225. .c-message_attachment__select:hover, .c-message_attachment__select:active { border-color: #545454; }
  1226.  
  1227. .c-message__reply_bar:hover, .c-message__reply_bar--focus { background-color: #222; border-color: #000; }
  1228.  
  1229. .c-message__reply_bar:hover .c-message__reply_bar_arrow, .c-message__reply_bar--focus .c-message__reply_bar_arrow { color: #949494; }
  1230.  
  1231. .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; }
  1232.  
  1233. .c-message__reply_bar_description { color: #949494; }
  1234.  
  1235. .c-message__file_meta { color: #949494; }
  1236.  
  1237. .c-message__image_container { background: rgba(0, 0, 0, 0.1); }
  1238.  
  1239. .c-message__image_wrapper:after { border-color: transparent; }
  1240.  
  1241. .attachment_group.has_container { background: #222; border: 1px solid #363636; }
  1242.  
  1243. .attachment_group.has_container .inline_attachment::after { background-color: #363636; }
  1244.  
  1245. .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); }
  1246.  
  1247. .attachment_group .media_caret { color: #949494; }
  1248.  
  1249. .attachment_group .attachment_source span { color: #949494 !important; }
  1250.  
  1251. .attachment_group .attachment_source .attachment_source_name + .attachment_author_name::before { color: #949494; }
  1252.  
  1253. .attachment_group .inline_attachment.reply_broadcast + .attachment_rule { color: #949494; }
  1254.  
  1255. .attachment_group .inline_attachment.reply_broadcast + .attachment_rule::after { border-bottom: 1px solid #363636; }
  1256.  
  1257. .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; }
  1258.  
  1259. .attachment_group .attachment_title a { color: #e6e6e6; }
  1260.  
  1261. .attachment_group .attachment_footer_text + .attachment_ts::before { color: #949494; }
  1262.  
  1263. .attachment_group .delete_attachment_link ts-icon::before { color: #949494; }
  1264.  
  1265. .attachment_group .delete_attachment_link:hover ts-icon::before { color: #c7c7c7; }
  1266.  
  1267. .attachment_still_pending ts-inline-saver { color: #949494; }
  1268.  
  1269. .msg_inline_attachment_column.column_border { background-color: #545454; }
  1270.  
  1271. .msg_inline_img_holder .msg_inline_img { box-shadow: inset 0 0 0 1px #000; }
  1272.  
  1273. .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; }
  1274.  
  1275. .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; }
  1276.  
  1277. .msg_inline_img { background: #545454; }
  1278.  
  1279. .msg_inline_room_preview_collapser { color: #949494; }
  1280.  
  1281. .msg_inline_room_preview_collapser:hover { color: #949494; }
  1282.  
  1283. .inline_attachment span.attachment_author_name { color: #949494; }
  1284.  
  1285. .inline_attachment span.attachment_author_subname, .inline_attachment span.attachment_service_name { color: #949494; }
  1286.  
  1287. .inline_attachment a span:active, .inline_attachment a span:hover { color: #c7c7c7 !important; }
  1288.  
  1289. .inline_attachment .attachment_footer, .inline_attachment .attachment_ts { color: #949494; }
  1290.  
  1291. .inline_attachment .attachment_footer a, .inline_attachment .attachment_ts a { color: #949494; }
  1292.  
  1293. .inline_attachment .attachment_footer a:active, .inline_attachment .attachment_footer a:hover { color: #c7c7c7 !important; }
  1294.  
  1295. .inline_attachment .attachment_ts a:active, .inline_attachment .attachment_ts a:hover { color: #c7c7c7 !important; }
  1296.  
  1297. .inline_attachment .iframe_placeholder, .inline_attachment iframe { background-color: #000; }
  1298.  
  1299. .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; }
  1300.  
  1301. .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; }
  1302.  
  1303. .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; }
  1304.  
  1305. .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; }
  1306.  
  1307. .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; }
  1308.  
  1309. .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; }
  1310.  
  1311. .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; }
  1312.  
  1313. .meta.meta_feature_fix_files .file_new_window_link:hover, .dense_meta.meta_feature_fix_files .file_new_window_link:hover { color: #c7c7c7 !important; }
  1314.  
  1315. .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; }
  1316.  
  1317. .meta.meta_feature_fix_files .member, .dense_meta.meta_feature_fix_files .member { color: #949494 !important; }
  1318.  
  1319. .delete_attachment_link { color: #949494; }
  1320.  
  1321. .delete_attachment_link:hover { color: #c7c7c7; }
  1322.  
  1323. .file_container, .c-file_container { background: #000; border: 1px solid #363636; color: #e6e6e6; }
  1324.  
  1325. .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; }
  1326.  
  1327. .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%); }
  1328.  
  1329. .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; }
  1330.  
  1331. .file_container.generic_container .file_header_icon .ts_icon.snippet, .c-file_container.generic_container .file_header_icon .ts_icon.snippet { background: #363636; }
  1332.  
  1333. .file_container.generic_container .file_header_meta .meta_hover, .c-file_container.generic_container .file_header_meta .meta_hover { background: #000; color: #e6e6e6; }
  1334.  
  1335. .file_container .file_header .file_header_meta, .c-file_container .file_header .file_header_meta { color: #949494; }
  1336.  
  1337. .file_container .file_header + .file_body, .c-file_container .file_header + .file_body { border-top: 1px solid #000; }
  1338.  
  1339. .file_container .preview_actions .btn, .c-file_container .preview_actions .btn { background-color: #363636; color: #e6e6e6 !important; }
  1340.  
  1341. .file_container .preview_actions .btn::after, .c-file_container .preview_actions .btn::after { border-color: #000; }
  1342.  
  1343. .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; }
  1344.  
  1345. .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; }
  1346.  
  1347. .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; }
  1348.  
  1349. .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; }
  1350.  
  1351. .file_container.image_container .image_body, .c-file_container.image_container .image_body { background-color: #222; }
  1352.  
  1353. .file_container.image_container .preview_actions .btn, .c-file_container.image_container .preview_actions .btn { background-color: rgba(130, 130, 130, 0.9); }
  1354.  
  1355. .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; }
  1356.  
  1357. .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); }
  1358.  
  1359. .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; }
  1360.  
  1361. .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; }
  1362.  
  1363. .file_container .c-file__title, .c-file_container .c-file__title { color: #e6e6e6; }
  1364.  
  1365. .c-file_container--has_thumb .c-file__actions::before { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #000 20px); }
  1366.  
  1367. .message--focus .file_container .preview_show.preview_show_less .preview_show_btn { background: #545454; color: #e6e6e6; }
  1368.  
  1369. .msg_inline_video_buttons_div { background-color: rgba(34, 34, 34, 0.4); }
  1370.  
  1371. .msg_inline_video_buttons_div a { color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  1372.  
  1373. .msg_inline_video_buttons_div a:visited { color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  1374.  
  1375. .post_body ul.checklist { background-color: #363636; }
  1376.  
  1377. .post_body ul.checklist li::before { background: #363636; }
  1378.  
  1379. .post_body ul.checklist li.checked { color: #949494; }
  1380.  
  1381. .post_body ul.list.checklist li { border-bottom: 1px solid #545454; }
  1382.  
  1383. .post_body ul.list.checklist li.checked { color: #949494; }
  1384.  
  1385. .post_body .message { background-color: #e6e6e6; }
  1386.  
  1387. .post_body code, .post_body pre { background: #363636; }
  1388.  
  1389. ts-message .reply_bar .reply_bar_caret, ts-message .reply_bar .view_conv_hover, ts-message .reply_bar .last_reply_at { color: #949494; }
  1390.  
  1391. ts-message .reply_bar:hover { background: #222; border-color: #000; }
  1392.  
  1393. .inline_color_block { border-color: #545454; }
  1394.  
  1395. .p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider { background: #222; }
  1396.  
  1397. .p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider::before { background: #222; border-bottom: 1px solid #222; }
  1398.  
  1399. .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; }
  1400.  
  1401. .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; }
  1402.  
  1403. .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; }
  1404.  
  1405. .p-message_pane__unread_banner__banner { background: #545454; text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  1406.  
  1407. .messages_banner { color: #e6e6e6; text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  1408.  
  1409. .messages_banner a { color: #e6e6e6; }
  1410.  
  1411. .messages_banner a:hover { color: #e6e6e6; }
  1412.  
  1413. #connection_div { background: #bf360c; }
  1414.  
  1415. #archives_return { background: padding-box #828282; color: #e6e6e6; }
  1416.  
  1417. #archives_return.warning { background: #bf360c; }
  1418.  
  1419. #archives_return a { color: #e6e6e6; }
  1420.  
  1421. #archives_return a:hover { color: rgba(230, 230, 230, 0.8); }
  1422.  
  1423. #messages_unread_status { background: #545454; }
  1424.  
  1425. #messages_unread_status:hover { background: #828282; }
  1426.  
  1427. #messages_unread_status:hover .clear_unread_messages { background: #828282; }
  1428.  
  1429. #messages_unread_status:hover .clear_unread_messages:hover { background: #545454; }
  1430.  
  1431. #messages_unread_status.quiet { background: #828282; color: #e6e6e6; text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  1432.  
  1433. #messages_unread_status.quiet a { color: #e6e6e6; }
  1434.  
  1435. .clear_unread_messages { border-left: 1px solid rgba(0, 0, 0, 0.15); }
  1436.  
  1437. #messages_container.has_top_messages_banner::before { background: none; }
  1438.  
  1439. .end_div_msg_lim { background-color: #363636; background-image: none; }
  1440.  
  1441. #archives_end_div_msg_lim h1, #end_display_msg_lim h1 { color: #e6e6e6; }
  1442.  
  1443. #archives_end_div_msg_lim h2, #end_display_msg_lim h2 { color: rgba(230, 230, 230, 0.8); }
  1444.  
  1445. code { background-color: #000; border: 1px solid #363636; color: #e6e6e6; }
  1446.  
  1447. code a.app_preview_link { background: #363636; border: 1px solid #545454; color: #e6e6e6; }
  1448.  
  1449. .file_list_item.snippet .snippet_preview { background: #000; }
  1450.  
  1451. .snippet_preview, .snippet_body { background: #000; }
  1452.  
  1453. .snippet_preview pre, .snippet_body pre { color: #e6e6e6 !important; }
  1454.  
  1455. .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; }
  1456.  
  1457. .c-snippet .c-file_container { background-color: #222; }
  1458.  
  1459. .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; }
  1460.  
  1461. .CodeMirror { background: #000; border: 1px solid #363636; color: #e6e6e6 !important; }
  1462.  
  1463. .CodeMirror pre { background: transparent !important; }
  1464.  
  1465. .CodeMirror div.CodeMirror-cursor { border-left: 1px solid #e6e6e6; }
  1466.  
  1467. .CodeMirror.cm-fat-cursor div.CodeMirror-cursor { background: #e6e6e6; }
  1468.  
  1469. .CodeMirror .CodeMirror-gutters { background-color: #363636; border-right: 1px solid #222; }
  1470.  
  1471. .CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: #363636; }
  1472.  
  1473. .CodeMirror-linenumber { color: #949494 !important; }
  1474.  
  1475. .CodeMirror-guttermarker { color: #949494; }
  1476.  
  1477. .CodeMirror-guttermarker-subtle { color: #949494; }
  1478.  
  1479. .CodeMirror-ruler { border-left: 1px solid #828282; }
  1480.  
  1481. .cm-s-default .cm-keyword { color: #ce93d8; }
  1482.  
  1483. .cm-s-default .cm-atom { color: #9fa8da; }
  1484.  
  1485. .cm-s-default .cm-number { color: #a5d6a7; }
  1486.  
  1487. .cm-s-default .cm-def { color: #536dfe; }
  1488.  
  1489. .cm-s-default .cm-variable-2 { color: #9fa8da; }
  1490.  
  1491. .cm-s-default .cm-variable-3 { color: #c5e1a5; }
  1492.  
  1493. .cm-s-default .cm-comment { color: #ffcc80; }
  1494.  
  1495. .cm-s-default .cm-string { color: #ef9a9a; }
  1496.  
  1497. .cm-s-default .cm-string-2 { color: #ffab91; }
  1498.  
  1499. .cm-s-default .cm-meta { color: #eee; }
  1500.  
  1501. .cm-s-default .cm-qualifier { color: #eee; }
  1502.  
  1503. .cm-s-default .cm-builtin { color: #b39ddb; }
  1504.  
  1505. .cm-s-default .cm-bracket { color: #e6ee9c; }
  1506.  
  1507. .cm-s-default .cm-tag { color: #a5d6a7; }
  1508.  
  1509. .cm-s-default .cm-attribute { color: #40c4ff; }
  1510.  
  1511. .cm-s-default .cm-header { color: #80cbc4; }
  1512.  
  1513. .cm-s-default .cm-quote { color: #b0bec5; }
  1514.  
  1515. .cm-s-default .cm-hr { color: #363636; }
  1516.  
  1517. .cm-s-default .cm-link { color: #949494; }
  1518.  
  1519. .cm-negative { color: #bf360c; }
  1520.  
  1521. .cm-positive { color: #0cbf72; }
  1522.  
  1523. .cm-invalidchar, .cm-s-default .cm-error { color: #bf360c; }
  1524.  
  1525. div.CodeMirror span.CodeMirror-matchingbracket { color: #0cbf72; }
  1526.  
  1527. div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #bf360c; }
  1528.  
  1529. .CodeMirror-matchingtag { background: #000; }
  1530.  
  1531. .CodeMirror-activeline-background { background: #828282; }
  1532.  
  1533. .CodeMirror-selected { background: #828282; }
  1534.  
  1535. .CodeMirror-focused .CodeMirror-selected { background: #828282; }
  1536.  
  1537. .cm-searching { background: #828282; }
  1538.  
  1539. .sssh-keyword { color: #ce93d8; }
  1540.  
  1541. .sssh-atom { color: #9fa8da; }
  1542.  
  1543. .sssh-number { color: #a5d6a7; }
  1544.  
  1545. .sssh-def { color: #536dfe; }
  1546.  
  1547. .sssh-variable { color: #9fa8da; }
  1548.  
  1549. .sssh-variable-2 { color: #c5e1a5; }
  1550.  
  1551. .sssh-variable-3 { color: #c1a5e1; }
  1552.  
  1553. .sssh-operator { color: #e6e6e6; }
  1554.  
  1555. .sssh-property { color: #e6e6e6; }
  1556.  
  1557. .sssh-comment { color: #ffcc80; }
  1558.  
  1559. .sssh-string { color: #ef9a9a; }
  1560.  
  1561. .sssh-string-2 { color: #ffab91; }
  1562.  
  1563. .sssh-meta { color: #eee; }
  1564.  
  1565. .sssh-error { color: #bf360c; }
  1566.  
  1567. .sssh-qualifier { color: #eee; }
  1568.  
  1569. .sssh-builtin { color: #b39ddb; }
  1570.  
  1571. .sssh-bracket { color: #e6ee9c; }
  1572.  
  1573. .sssh-tag { color: #a5d6a7; }
  1574.  
  1575. .sssh-attribute { color: #40c4ff; }
  1576.  
  1577. .sssh-header { color: #80cbc4; }
  1578.  
  1579. .sssh-quote { color: #b0bec5; }
  1580.  
  1581. .sssh-hr { color: #363636; }
  1582.  
  1583. .sssh-link { color: #949494; }
  1584.  
  1585. .c-message--dense .c-timestamp__label { color: #949494; }
  1586.  
  1587. .c-message--dense .c-message__content_header .c-custom_status { border-color: #363636; }
  1588.  
  1589. .dense_theme ts-message { color: #e6e6e6; }
  1590.  
  1591. .dense_theme ts-message.first .message_gutter .timestamp, .dense_theme ts-message.selected .message_gutter .timestamp { color: #949494; }
  1592.  
  1593. .dense_theme ts-message .message_content .message_current_status { border-color: #363636; }
  1594.  
  1595. .c-message--light .c-message__sender .c-message__sender_link { color: #e6e6e6; }
  1596.  
  1597. .light_theme ts-message { color: #e6e6e6; }
  1598.  
  1599. .light_theme ts-message .message_content .message_sender, .light_theme ts-message .message_content .meta .message_sender:hover { color: #e6e6e6 !important; }
  1600.  
  1601. .light_theme ts-message .comment::before { color: #949494; }
  1602.  
  1603. .channel_overlay { border-color: #363636; color: #949494; }
  1604.  
  1605. .channel_overlay.channel_overlay_redesign .channel_overlay_title { color: #e6e6e6; }
  1606.  
  1607. .channel_overlay.channel_overlay_redesign li { color: #949494; }
  1608.  
  1609. .channel_overlay_title_wrap { border-color: #363636; }
  1610.  
  1611. .channel_overlay_title_shared { color: #e6e6e6; }
  1612.  
  1613. pre { background: #000; border: 1px solid #363636; color: #e6e6e6; }
  1614.  
  1615. pre span.mention { padding: 2px 0 !important; }
  1616.  
  1617. #page pre, body > pre { background: #000; color: #e6e6e6 !important; }
  1618.  
  1619. body > pre { background: #828282; }
  1620.  
  1621. .special_formatting_quote .quote_bar { background-color: #545454; }
  1622.  
  1623. #threads_msgs_scroller_div { background: #222; }
  1624.  
  1625. #threads_msgs_scroller_div:not(.loading)::before { background: #222; }
  1626.  
  1627. #threads_msgs_scroller_div.loading::before { color: #949494; }
  1628.  
  1629. #threads_msgs_scroller_div .threads_caught_up_divider .divider_line { border-top: 1px solid #363636; }
  1630.  
  1631. #threads_msgs_scroller_div .threads_caught_up_divider .divider_label { background: #545454; color: #e6e6e6; }
  1632.  
  1633. #threads_msgs_scroller_div.loading { background: none; }
  1634.  
  1635. #threads_msgs_scroller_div.loading::before { color: #e6e6e6; }
  1636.  
  1637. #threads_view_banner.messages_banner { background: #363636; }
  1638.  
  1639. #threads_view_banner.messages_banner:hover { background: #545454; }
  1640.  
  1641. #threads_view_banner.messages_banner:hover .clear_unread_messages { background: #545454; }
  1642.  
  1643. #threads_msgs.new_banner_is_showing::before { background: #222; }
  1644.  
  1645. ts-thread { background: #222; }
  1646.  
  1647. ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #363636; color: #e6e6e6; }
  1648.  
  1649. 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; }
  1650.  
  1651. ts-thread .thread_messages { background: #363636; border-color: #363636; }
  1652.  
  1653. ts-thread ts-message.new_reply { background: #222; }
  1654.  
  1655. ts-thread ts-message.new_reply:hover { background: #363636; }
  1656.  
  1657. ts-thread .thread_header .thread_channel_name a { color: #e6e6e6; }
  1658.  
  1659. ts-thread .thread_header .thread_action_btns button { color: #949494; }
  1660.  
  1661. ts-thread .new_reply_indicator .blue_dot { color: #bf360c; }
  1662.  
  1663. #convo_tab .thread_participants, ts-thread .thread_participants { color: #949494; }
  1664.  
  1665. #convo_loading_indicator { background-image: none; }
  1666.  
  1667. .reply_input_container .inline_message_input_container .ql-container { background-color: #545454; border: 1px solid #363636; }
  1668.  
  1669. .reply_input_container .inline_message_input_container .ql-container .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); }
  1670.  
  1671. .reply_input_container .inline_message_input_container .ql-container .ql-editor::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.25); }
  1672.  
  1673. .reply_input_container .inline_message_input_container .ql-container.focus { border-color: rgba(0, 0, 0, 0.15); }
  1674.  
  1675. .reply_input_container .inline_message_input_container .ql-container.focus ~ .emo_menu { color: #e6e6e6; }
  1676.  
  1677. .reply_input_container .inline_message_input_container .ql-container ~ .emo_menu { color: #949494; }
  1678.  
  1679. #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; }
  1680.  
  1681. #unread_msgs_scroller_div::after { background: transparent; }
  1682.  
  1683. #unread_msgs_scroller_div.loading { background-image: none; }
  1684.  
  1685. #unread_msgs_scroller_div.loading::before { color: #949494; }
  1686.  
  1687. #unread_msgs_div .day_divider .day_divider_line { border-top-color: #363636; }
  1688.  
  1689. .unread_group.marked_as_read .unread_group_header { background: #222; }
  1690.  
  1691. .unread_group .unread_group_header { background: #363636; border-top-color: #545454; color: #e6e6e6; }
  1692.  
  1693. .unread_group .unread_group_header .unread_group_collapse_toggle:hover ts-icon { color: #e6e6e6; }
  1694.  
  1695. .unread_group .unread_group_header .unread_group_collapse_caret .ts_icon_caret_down { color: #949494; }
  1696.  
  1697. .unread_group .unread_group_header .unread_group_mark, .unread_group .unread_group_header .unread_keyboard { background: #222; }
  1698.  
  1699. .unread_group.active .unread_group_header { background: #000; border-top-color: #545454; color: #e6e6e6; }
  1700.  
  1701. .collapsed .unread_group_header .ts_icon_caret_right, .collapsing .unread_group_header .ts_icon_caret_right { color: #949494; }
  1702.  
  1703. .mark_as_read_checkmark { color: #949494; }
  1704.  
  1705. .bottom_mark_all_read { border-top-color: #363636; }
  1706.  
  1707. .unread_group_header_name a { color: #e6e6e6; }
  1708.  
  1709. .unread_group_footer .unread_group_new .unread_group_new_text { color: #949494; }
  1710.  
  1711. .unread_group_footer .unread_group_new:hover .unread_group_new_text { color: #949494; }
  1712.  
  1713. .unread_empty_state_message { color: #949494; }
  1714.  
  1715. .unread_empty_state_undo_inner { background: #000; color: #e6e6e6; }
  1716.  
  1717. .unread_empty_state_undo_action { color: #e6e6e6; }
  1718.  
  1719. .unread_empty_state_refresh { background: rgba(34, 34, 34, 0.97); }
  1720.  
  1721. .unread_msgs_loading { background: #222; background-image: none; }
  1722.  
  1723. #col_flex { background: transparent; }
  1724.  
  1725. #flex_contents { background: #222; }
  1726.  
  1727. #flex_contents .heading { background: #151515; border-bottom-color: #363636; color: #949494; }
  1728.  
  1729. #flex_contents .heading a { color: #949494; }
  1730.  
  1731. #flex_contents .heading a:hover { color: #c7c7c7; }
  1732.  
  1733. #flex_contents .heading a.close_flexpane { color: #949494; }
  1734.  
  1735. #flex_contents .heading .cancel_link { color: #949494; }
  1736.  
  1737. #flex_contents .heading .menu_heading:hover { color: #e6e6e6; }
  1738.  
  1739. #flex_contents .heading .menu_icon { color: #949494; }
  1740.  
  1741. #flex_contents .heading .menu_icon:hover { color: #c7c7c7; }
  1742.  
  1743. #flex_contents .heading_text { color: #949494; }
  1744.  
  1745. #flex_contents .subheading:not(.empty) { background: #222; border-top: 1px solid #000; color: #949494; }
  1746.  
  1747. #flex_contents .subheading:not(.empty) p a { color: #e6e6e6; }
  1748.  
  1749. #flex_contents .subheading:not(.empty) .filter_menu_label.active .arrow_down { color: #949494; }
  1750.  
  1751. #flex_contents .toolbar_container { background: #222; }
  1752.  
  1753. #flex_contents .flexpane_tab_bar li .tab, #flex_contents .flexpane_tab_bar li a { color: #949494; }
  1754.  
  1755. #flex_contents .flexpane_tab_bar li:hover { border-bottom: 4px solid #363636; }
  1756.  
  1757. #flex_contents .flexpane_tab_bar li:hover a, #flex_contents .flexpane_tab_bar li:hover .tab { color: #949494; }
  1758.  
  1759. #flex_contents .flexpane_tab_bar li.active { border-bottom: 4px solid #363636; }
  1760.  
  1761. #flex_contents .flexpane_tab_bar li.active a, #flex_contents .flexpane_tab_bar li.active .tab { color: #949494; }
  1762.  
  1763. #flex_contents .help { border-top: 5px solid #000; color: #e6e6e6; }
  1764.  
  1765. #flex_contents i.callout { color: #949494; }
  1766.  
  1767. .close_flexpane { color: #949494; }
  1768.  
  1769. .close_flexpane:focus, .close_flexpane:hover { color: #e6e6e6; }
  1770.  
  1771. #client-ui.flex_pane_showing #col_flex { border-left-color: #363636; }
  1772.  
  1773. .toolbar_container { background: #222; border-bottom: 1px solid #000; color: #e6e6e6; }
  1774.  
  1775. .msg_right_link { color: #949494; }
  1776.  
  1777. .message_location_label { color: #949494; }
  1778.  
  1779. .p-flexpane_header { background: #363636; border-color: #545454; color: #e6e6e6; }
  1780.  
  1781. #client_body:not(.onboarding):not(.feature_global_nav_layout):before { background: #363636; }
  1782.  
  1783. #details_tab .heading { background: #151515; }
  1784.  
  1785. #details_tab .heading a.close_flexpane { color: #949494; }
  1786.  
  1787. #details_tab .heading a.close_flexpane:hover { color: #c7c7c7; }
  1788.  
  1789. #details_tab hr { border-top-color: #363636; }
  1790.  
  1791. #details_tab .conversation_details .member_name:hover { color: #949494; }
  1792.  
  1793. #details_tab .conversation_details .member_username:hover { color: #e6e6e6; }
  1794.  
  1795. #details_tab .conversation_details .member_info_timezone { border-top-color: #545454; }
  1796.  
  1797. #details_tab .channel_page_section { background: #222; border-top: 1px solid #363636; }
  1798.  
  1799. #details_tab .channel_page_section .section_header:hover .disclosure_triangle { color: #c7c7c7; }
  1800.  
  1801. #details_tab .channel_page_section .section_header a { color: #949494; }
  1802.  
  1803. #details_tab .channel_page_section .section_title { color: #e6e6e6; }
  1804.  
  1805. #details_tab .channel_page_section .disclosure_triangle { color: #949494; }
  1806.  
  1807. #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; }
  1808.  
  1809. #details_tab .created_by { color: #e6e6e6; }
  1810.  
  1811. #details_tab .channel_page_member_tabs .icon_member_header { color: #949494; }
  1812.  
  1813. #details_tab .pinned_item:hover { border-color: #545454; }
  1814.  
  1815. #details_tab .channel_page_action .leave_link { color: #949494; }
  1816.  
  1817. #details_tab .channel_page_action .leave_link:hover { color: #c7c7c7; }
  1818.  
  1819. #details_tab .channel_section_label .ts_icon_info_circle { color: #949494; }
  1820.  
  1821. #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; }
  1822.  
  1823. .channel_page_member_row { color: #e6e6e6; }
  1824.  
  1825. .channel_page_member_row a { color: #949494; }
  1826.  
  1827. .channel_page_member_row.away { color: #e6e6e6; }
  1828.  
  1829. .channel_page_member_row.away a { color: #949494; }
  1830.  
  1831. .channel_page_member_row:hover { background-color: #545454; border-color: #363636; }
  1832.  
  1833. .pinned_item { color: #e6e6e6; }
  1834.  
  1835. .pinned_item .pin_file_title { color: #949494; }
  1836.  
  1837. .pinned_item .pin_member_name a { color: #949494 !important; }
  1838.  
  1839. .pinned_item .pin_metadata { color: #949494; }
  1840.  
  1841. .pinned_item .remove_pin { color: #949494; }
  1842.  
  1843. .pinned_item .remove_pin:hover { color: #c7c7c7; }
  1844.  
  1845. .pinned_item .pinned_message_text .pin_truncate_fade { background: #222; }
  1846.  
  1847. .pinned_item.delete_mode { border-color: #bf360c !important; }
  1848.  
  1849. .p-channel_insights .c-member__title { color: #949494; }
  1850.  
  1851. .p-channel_insights_activity_bar_container:hover { background-color: rgba(0, 0, 0, 0.05); }
  1852.  
  1853. .p-channel_insights_activity_bar_container:hover .p-channel_insights__activity_bar { background-color: #545454; }
  1854.  
  1855. .p-channel_insights__activity { border-color: #545454; }
  1856.  
  1857. .p-channel_insights__activity_bar { background-color: rgba(84, 84, 84, 0.5); }
  1858.  
  1859. .p-channel_insights__channel .channel_link { color: #e6e6e6; }
  1860.  
  1861. .p-channel_insights__date_heading span { background-color: #222; color: #e6e6e6; }
  1862.  
  1863. .p-channel_insights__date_heading::before { background-color: #545454; }
  1864.  
  1865. .p-channel_insights__drawer_title { color: #949494; }
  1866.  
  1867. .p-channel_insights__highlights_description { color: #949494; }
  1868.  
  1869. .p-channel_insights__item--user .member_preview_link, .p-channel_insights__item--user .message_sender { color: #e6e6e6 !important; }
  1870.  
  1871. .p-channel_insights__member_count { color: #949494; }
  1872.  
  1873. .p-channel_insights__member_count .ts_icon_user { color: #949494; }
  1874.  
  1875. .p-channel_insights__message--truncate::before { background: linear-gradient(180deg, transparent, #222 90%); }
  1876.  
  1877. .p-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; }
  1878.  
  1879. .p-channel_insights__section:not(.p-channel_insights__section--no_border) { border-color: #545454; }
  1880.  
  1881. .p-channel_insights__title { color: #e6e6e6; }
  1882.  
  1883. .p-channel_insights__user_title { color: #949494; }
  1884.  
  1885. .p-download_item { padding: 12px 12px 4px 16px; margin: 0; }
  1886.  
  1887. .p-download_item__container .p-download_item__name_row { color: #e6e6e6; }
  1888.  
  1889. .p-download_item__actions { background: #222; }
  1890.  
  1891. .p-download_item__link--open, .p-download_item__link--retry, .p-download_item__link--show { color: #e6e6e6; }
  1892.  
  1893. .p-downloads_list__shift_hint { background: linear-gradient(180deg, rgba(255, 255, 255, 0), #363636 25%, #363636); color: #e6e6e6; }
  1894.  
  1895. #file_list_toggle_users { color: #949494; }
  1896.  
  1897. #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #c7c7c7; }
  1898.  
  1899. #file_list_toggle_users.active { color: #949494; }
  1900.  
  1901. .file_list_item .icon, .file_reference .icon { background: #828282; border: 1px solid #545454; color: #e6e6e6 !important; }
  1902.  
  1903. .filetype_button { background: #828282; border: 1px solid #545454; color: #e6e6e6 !important; }
  1904.  
  1905. .filetype_button:hover { background: #828282; }
  1906.  
  1907. .filetype_button:hover .file_download_label { background: #545454; color: #e6e6e6; }
  1908.  
  1909. .filetype_button .file_title { color: #e6e6e6; }
  1910.  
  1911. .filetype_button .file_download_label { background: #828282; border-top: 1px solid #545454; }
  1912.  
  1913. a.filetype_button_web { background: #828282; border: 1px solid #545454; color: #e6e6e6; }
  1914.  
  1915. a.filetype_button_web .filetype_icon { background-color: #545454; }
  1916.  
  1917. a.file_download_link { color: #949494; }
  1918.  
  1919. a.file_download_link:hover { color: #c7c7c7; }
  1920.  
  1921. a:hover .file_inline_icon { color: #949494; }
  1922.  
  1923. a.gsheet img, a.pdf img { background: #222 !important; }
  1924.  
  1925. html.no_touch a.filetype_button_web:hover { border-color: #545454; }
  1926.  
  1927. html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; }
  1928.  
  1929. .file_header_detailed { color: #949494; }
  1930.  
  1931. .file_header_detailed .member { color: #e6e6e6 !important; }
  1932.  
  1933. .file_inline_icon { color: #949494; }
  1934.  
  1935. .file_header .member { color: #949494 !important; }
  1936.  
  1937. .file_header .title { color: #e6e6e6; }
  1938.  
  1939. .file_header .title a { color: #949494; }
  1940.  
  1941. .file_header .title a:hover { color: #c7c7c7; }
  1942.  
  1943. .flexpane_file_title .member, .flexpane_file_title .service_link { color: #949494 !important; }
  1944.  
  1945. .flexpane_file_title .title a, .flexpane_file_title .file_action_list a { color: #949494; }
  1946.  
  1947. .flexpane_file_title .title a:hover, .flexpane_file_title .file_action_list a:hover { color: #c7c7c7; }
  1948.  
  1949. .file_actions_cog { color: #949494 !important; }
  1950.  
  1951. .file_actions_cog:hover { color: #c7c7c7 !important; }
  1952.  
  1953. .file_list_item { color: #e6e6e6; }
  1954.  
  1955. .file_list_item a { color: #949494; }
  1956.  
  1957. .file_list_item a.member { color: #c7c7c7; }
  1958.  
  1959. .file_list_item .bullet { color: #949494; }
  1960.  
  1961. .file_list_item .icon { background: #828282; border-color: #545454; }
  1962.  
  1963. .file_list_item .ts_icon_comment { color: #949494; }
  1964.  
  1965. .file_list_item .file_comment_link:hover { color: #949494; }
  1966.  
  1967. .file_list_item .file_comment_link:hover .ts_icon_comment { color: #949494; }
  1968.  
  1969. .file_list_item .title a { color: #949494; }
  1970.  
  1971. .file_list_item .share_info .unshare_link { color: #949494; }
  1972.  
  1973. .file_list_item .share_info .unshare_link:hover { color: #c7c7c7; }
  1974.  
  1975. .file_list_item .actions a, .file_list_item .actions span { background-color: #363636; border: 1px solid #828282; color: #949494; }
  1976.  
  1977. .file_list_item .actions a:hover { background-color: #222 !important; border-color: #828282; color: #c7c7c7; }
  1978.  
  1979. .file_list_item.post .preview, .file_list_item.space .preview { color: #e6e6e6; }
  1980.  
  1981. .file_list_item #share_dialog, .file_list_item.active, .file_list_item:active, .file_list_item:hover { background-color: #363636; border-color: #545454; }
  1982.  
  1983. .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; }
  1984.  
  1985. .file_list_item #share_dialog .actions, .file_list_item.active .actions, .file_list_item:active .actions, .file_list_item:hover .actions { background-color: transparent; }
  1986.  
  1987. .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; }
  1988.  
  1989. .unshare_link { color: #949494 !important; }
  1990.  
  1991. .unshare_link i::before { color: #949494 !important; }
  1992.  
  1993. .unshare_link i.ts_icon_minus_circle_small:hover::before { color: #bf360c !important; }
  1994.  
  1995. .snippet_preview pre { color: #e6e6e6; }
  1996.  
  1997. .file_preview_wrapper .file_preview { background: #222; }
  1998.  
  1999. .file_preview_wrapper .file_preview:hover { background: #363636; }
  2000.  
  2001. #file_preview_container .file_meta { color: #949494; }
  2002.  
  2003. .file_page_meta { color: #949494; }
  2004.  
  2005. #file_page_preview img { background: #222; border: 1px solid #000; }
  2006.  
  2007. #file_page_preview img:hover { background: #363636; }
  2008.  
  2009. .comment_meta { color: #949494; }
  2010.  
  2011. .comment .special_formatting_quote .content { color: #e6e6e6; }
  2012.  
  2013. .comment .member { color: #e6e6e6 !important; }
  2014.  
  2015. .comment_body { color: #e6e6e6; }
  2016.  
  2017. .comment_actions { color: #949494; }
  2018.  
  2019. .comment_actions:hover { color: #e6e6e6; }
  2020.  
  2021. .icon_quote { color: #e6e6e6; }
  2022.  
  2023. .edit_comment_form .texty_comment_input, .comment_form .texty_comment_input { background: #545454; border-color: #363636; color: #e6e6e6; }
  2024.  
  2025. .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; }
  2026.  
  2027. .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; }
  2028.  
  2029. .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; }
  2030.  
  2031. .tab_container .star_item ts-message .timestamp { color: #949494; }
  2032.  
  2033. .tab_container .file_list_item:focus, .tab_container .file_list_item:hover { background-color: #222; border-color: #363636; }
  2034.  
  2035. .tab_container .file_list_item .star { color: #949494; }
  2036.  
  2037. .tab_container .file_list_item .contents .file_comment_link { color: #949494; }
  2038.  
  2039. .tab_container .file_list_item .contents .file_comment_link .ts_icon { color: #949494; }
  2040.  
  2041. .tab_container .file_list_item .contents .file_comment_link:focus, .tab_container .file_list_item .contents .file_comment_link:hover { color: #c7c7c7; }
  2042.  
  2043. .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; }
  2044.  
  2045. .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; }
  2046.  
  2047. .tab_container .file_list_item .filetype_image { background-color: #000; }
  2048.  
  2049. .active .tab_container .file_list_item { background-color: #222; }
  2050.  
  2051. .c-file__action_button, .c-file__action_button:link, .c-file__action_button:focus, .c-file__action_button:hover { background: #545454; border-color: #363636; color: #fff; }
  2052.  
  2053. .c-file__meta { color: #e6e6e6; }
  2054.  
  2055. .c-file__slide--meta { background-color: #000; }
  2056.  
  2057. .p-file_details__name, .p-file_details__share_channel { color: #e6e6e6; }
  2058.  
  2059. .p-file_details__meta_container .c-file__action_button { color: #fff; }
  2060.  
  2061. .c-pillow_file__description, .c-pillow_file__title { color: #e6e6e6; }
  2062.  
  2063. .p-file_list, .p-file_list__filters { background: #363636; }
  2064.  
  2065. .p-file_list__filters { border-color: #363636; }
  2066.  
  2067. .p-file_list__file.c-pillow_file_container, .p-file_list__file.c-pillow_file_container--full_width { background: #363636; border-color: #363636; color: #e6e6e6; }
  2068.  
  2069. .p-file_list__file.c-pillow_file_container--full_width:hover { background: #545454; border-color: #545454; }
  2070.  
  2071. .p-downloads_list__shift_hint { background: linear-gradient(180deg, rgba(255, 255, 255, 0), #222 25%, #222); color: #e6e6e6; }
  2072.  
  2073. .p-download_item__container .p-download_item__actions { background-color: #222; }
  2074.  
  2075. .p-download_item__container .p-download_item__link__open, .p-download_item__container .p-download_item__link__retry, .p-download_item__container .p-download_item__link__show { color: #949494; }
  2076.  
  2077. .p-download_item__container .p-download_item__name_row { color: #e6e6e6; }
  2078.  
  2079. #user_groups_pane .mention { background: rgba(191, 54, 12, 0.25); border: 0; border-radius: 3px; padding: 2px; }
  2080.  
  2081. #user_groups_container .info_panel { background: #222; border: 1px solid #545454; }
  2082.  
  2083. #user_groups_container .mention { background-color: rgba(191, 54, 12, 0.25) !important; }
  2084.  
  2085. #user_groups_header .user_groups_search .icon_search { color: #949494; }
  2086.  
  2087. #user_groups_header a.icon_close { color: #949494; }
  2088.  
  2089. #user_groups_header a.icon_close:hover { color: #c7c7c7; }
  2090.  
  2091. .user_group_item { border-bottom: 1px solid #545454; }
  2092.  
  2093. .user_group_item a { color: #949494; }
  2094.  
  2095. #flex_contents .user_group_item:hover { background-color: #222; }
  2096.  
  2097. #flex_contents .user_group_item:hover h4 { color: #e6e6e6; }
  2098.  
  2099. #flex_contents .flexpane_tab_toolbar #user_group_edit { background-color: #222; }
  2100.  
  2101. #flex_contents .flexpane_tab_toolbar #user_group_edit.user_group_edit--flexpane .tab_action_button { color: #e6e6e6; }
  2102.  
  2103. .user_group_invite_member_small .add_icon { color: #949494; }
  2104.  
  2105. #user_group_member_invite_div .disabled .lfs_item.lfs_token { background-color: #828282; border-color: #828282; }
  2106.  
  2107. #flex_contents .subheading:not(.empty)#mentions_options { background-color: #222; border-bottom-color: #363636; color: #e6e6e6; }
  2108.  
  2109. .mention_day_container_div .day_divider::before { background: none; border-color: #363636; }
  2110.  
  2111. #member_mentions h3 a { color: #949494; }
  2112.  
  2113. a.internal_member_link { background: #363636; color: #e6e6e6; }
  2114.  
  2115. a.c-member_slug, .c-member_slug--link, .c-mrkdwn__subteam--link { background: #363636; border: 1px solid #545454; color: #e6e6e6; }
  2116.  
  2117. a.c-member_slug.active, a.c-member_slug:hover, .c-member_slug--link.active, .c-member_slug--link:hover, .c-mrkdwn__subteam--link.active, .c-mrkdwn__subteam--link:hover { background: #424242; color: #e6e6e6; }
  2118.  
  2119. .mention_rxn .mention_rxn_summary { color: #e6e6e6; }
  2120.  
  2121. .mention_rxn .mention_rxn_summary .member_preview_link, .mention_rxn .mention_rxn_summary .mention_rxn_summary_members { color: #949494; }
  2122.  
  2123. .search_message_result { background: #222 !important; border-color: #363636 !important; color: #e6e6e6 !important; }
  2124.  
  2125. .search_message_result .search_message_result_meta { color: #949494; }
  2126.  
  2127. .search_message_result .search_message_result_meta a { color: #949494; }
  2128.  
  2129. .search_message_result .search_message_result_meta .date_links a { color: #949494; }
  2130.  
  2131. .search_message_result_text .result_msg_format a { color: #949494; }
  2132.  
  2133. span.match { background: rgba(191, 54, 12, 0.25); }
  2134.  
  2135. #search_filters .tab { background: #222; color: #e6e6e6; }
  2136.  
  2137. #search_filters .tab:hover { border-bottom: 4px solid #363636; }
  2138.  
  2139. #search_filters.files #filter_files, #search_filters.messages #filter_messages { border-bottom: 4px solid #363636; color: #e6e6e6; }
  2140.  
  2141. #search_file_list_toggle_users.active:hover { border: 2px solid #c7c7c7; color: #c7c7c7 !important; }
  2142.  
  2143. .no_results { color: #e6e6e6; }
  2144.  
  2145. #search_results_team .team_results_heading { color: #e6e6e6; }
  2146.  
  2147. #search_results_team .team_result { background-color: #545454; border-color: #828282; color: #e6e6e6; }
  2148.  
  2149. #search_results_team .team_result a { color: #949494; }
  2150.  
  2151. #search_results_team .team_result:hover a { color: #c7c7c7; }
  2152.  
  2153. #search_results_team .team_result a:hover { color: #c7c7c7; }
  2154.  
  2155. #search_results_team .member_name { color: #e6e6e6 !important; }
  2156.  
  2157. .suggestion { color: #e6e6e6; }
  2158.  
  2159. .suggestion.active, .suggestion:hover { background: #545454; }
  2160.  
  2161. #paging_in_options .search_paging { color: #949494; }
  2162.  
  2163. #search_results_items .search_paging { color: #e6e6e6; }
  2164.  
  2165. .search_paging i.disabled { color: #949494; }
  2166.  
  2167. .search_paging a { color: #949494; }
  2168.  
  2169. .search_paging a:hover { color: #c7c7c7; }
  2170.  
  2171. .search_sort_prefix { color: #e6e6e6; }
  2172.  
  2173. .search_segmented_control { border-color: #363636; color: #949494 !important; }
  2174.  
  2175. .search_segmented_control:hover { color: #c7c7c7 !important; }
  2176.  
  2177. .search_segmented_control.active { background: #000; color: #c7c7c7 !important; }
  2178.  
  2179. .search_result_with_extract { background: #363636; border-color: #545454; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); }
  2180.  
  2181. .search_result_with_extract:hover { border-color: #828282; }
  2182.  
  2183. .search_result_for_context::after { background: rgba(34, 34, 34, 0.1); }
  2184.  
  2185. .extract_expand_text, .extract_expand_icons { color: #949494; }
  2186.  
  2187. .search_result_with_extract:hover .extract_expand_text, .search_result_with_extract:hover .extract_expand_icons { color: #c7c7c7; }
  2188.  
  2189. .search_module_header { color: #e6e6e6; }
  2190.  
  2191. .search_module_footer { background-color: #363636; border-bottom-color: #545454; border-left-color: #545454; border-right-color: #545454; }
  2192.  
  2193. .search_module_footer p { color: #e6e6e6; }
  2194.  
  2195. .search_module_footer #see_more { color: #e6e6e6; }
  2196.  
  2197. .search_module_footer #see_more a { color: #e6e6e6; }
  2198.  
  2199. .search_module_footer .top_results_feedback a { color: #e6e6e6; }
  2200.  
  2201. .search_module_footer ts-icon { color: #e6e6e6; }
  2202.  
  2203. .top_results_search_message_result { background-color: #363636; border-bottom-color: #545454; border-left-color: #545454; border-right-color: #545454; }
  2204.  
  2205. .top_results_search_message_result.duplicate { background-color: #363636; }
  2206.  
  2207. .top_results_search_message_result .timestamp { color: #949494; }
  2208.  
  2209. .top_results_search_message_result .channel { color: #949494; }
  2210.  
  2211. .top_results_search_message_result .channel a { color: #949494; }
  2212.  
  2213. .top_results_search_message_result .jump { color: #e6e6e6; }
  2214.  
  2215. .top_results_search_message_result:hover { border-color: rgba(130, 130, 130, 0.6) !important; border-top: 2px solid #545454 !important; }
  2216.  
  2217. .top_results_search_message_result:first-child { border-top: 2px solid #545454; }
  2218.  
  2219. .sli_expert_search { background-color: #222; color: #e6e6e6; }
  2220.  
  2221. .sli_expert_search__result { border-color: #545454; }
  2222.  
  2223. .sli_expert_search__result .app_preview_link, .sli_expert_search__result .member_preview_link { color: #e6e6e6 !important; }
  2224.  
  2225. .sli_expert_search__fg_face::before { background-color: #222; }
  2226.  
  2227. .sli_expert_search_cta { border-color: #545454; }
  2228.  
  2229. .sli_expert_search_cta:hover { border-color: #828282; }
  2230.  
  2231. .sli_expert_search_cta__text { color: #e6e6e6; }
  2232.  
  2233. .sli_expert_search_cta__text:hover { color: #e6e6e6; }
  2234.  
  2235. .sli_expert_search__plus_sign_overlay { background-color: #363636; color: #949494; }
  2236.  
  2237. .sli_expert_search__arrow { color: #949494; }
  2238.  
  2239. .sli_expert_search_cta:hover .sli_expert_search__arrow, .sli_expert_search_header:hover .sli_expert_search__arrow { color: #949494; }
  2240.  
  2241. .sli_expert_search__partial_terms { color: #949494; }
  2242.  
  2243. .feature_sli_file_search #search_filters.all #filter_all { border-bottom-color: #363636; color: #e6e6e6; }
  2244.  
  2245. .feature_sli_file_search #search_results .file_list_item { background-color: #222; border-color: #545454; }
  2246.  
  2247. .feature_sli_file_search #search_results.all, .feature_sli_file_search #search_results.messages { background-color: #222; }
  2248.  
  2249. .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; }
  2250.  
  2251. .feature_sli_file_search #search_results.all .search_result_with_extract.first_extract_message_in_group, .feature_sli_file_search #search_results.all .search_result_with_extract:first-child, .feature_sli_file_search #search_results.messages .search_result_with_extract.first_extract_message_in_group, .feature_sli_file_search #search_results.messages .search_result_with_extract:first-child { border-top-color: #545454; }
  2252.  
  2253. .feature_sli_file_search #search_results.all .search_result_with_extract.first_extract_message_in_group:hover, .feature_sli_file_search #search_results.all .search_result_with_extract:first-child:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract.first_extract_message_in_group:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract:first-child:hover { border-top-color: #545454; }
  2254.  
  2255. .feature_sli_file_search #search_results.all .search_result_with_extract.last_extract_message_in_group, .feature_sli_file_search #search_results.messages .search_result_with_extract.last_extract_message_in_group { border-bottom-color: #545454; }
  2256.  
  2257. .feature_sli_file_search #search_results.all .search_result_with_extract.last_extract_message_in_group:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract.last_extract_message_in_group:hover { border-bottom-color: #545454; }
  2258.  
  2259. .feature_sli_file_search #search_results.all .search_message_result_meta, .feature_sli_file_search #search_results.messages .search_message_result_meta { color: #949494; }
  2260.  
  2261. .feature_sli_file_search #search_results.all .channel_link, .feature_sli_file_search #search_results.messages .channel_link { color: #949494; }
  2262.  
  2263. .feature_sli_file_search #search_results.all .sli_expert_search .channel_link, .feature_sli_file_search #search_results.messages .sli_expert_search .channel_link { color: #e6e6e6; }
  2264.  
  2265. .feature_sli_file_search #search_results.all .new_jump_link, .feature_sli_file_search #search_results.messages .new_jump_link { color: #e6e6e6; }
  2266.  
  2267. .feature_sli_file_search #search_results.all { background-color: #222; }
  2268.  
  2269. .feature_sli_file_search #search_results.all .top_search_results .search_message_result { background-color: #222; border-color: #545454; }
  2270.  
  2271. .feature_sli_file_search #search_results.all .top_search_results .search_message_result__channel a { color: #949494; }
  2272.  
  2273. .feature_sli_file_search #search_results.all .sli_expert_search_cta { border-color: #545454; }
  2274.  
  2275. .feature_sli_file_search #search_results.all .sli_expert_search_cta:hover { border-color: #828282; }
  2276.  
  2277. .feature_sli_file_search #search_results.all .sli_expert_search__result { border-color: #828282; }
  2278.  
  2279. .feature_sli_file_search #search_results.all .team_result { background-color: #222; border-color: #545454; }
  2280.  
  2281. .feature_sli_file_search #search_results.files { background-color: #222; }
  2282.  
  2283. .feature_sli_file_search #search_results.files #search_file_list_clear_filter, .feature_sli_file_search #search_results.files #search_file_list_heading { color: #e6e6e6; }
  2284.  
  2285. .feature_sli_file_search #search_results_loading { background-color: #222; }
  2286.  
  2287. .feature_sli_file_search #search_results_container #search_options { background-color: #222; }
  2288.  
  2289. .feature_sli_file_search #search_results_container .heading { background-color: #222; }
  2290.  
  2291. #client-ui .file_list_item.file_list_item--redesign { border-color: #545454; }
  2292.  
  2293. #client-ui .file_list_item.file_list_item--redesign .file_list_item__channel { color: #949494; }
  2294.  
  2295. #client-ui .file_list_item.file_list_item--redesign .message_sender { color: #949494; }
  2296.  
  2297. .p-shortcuts_flexpane__shortcut { border-color: #000; }
  2298.  
  2299. .p-shortcuts_flexpane__shortcut:last-of-type { border-bottom-color: #000; }
  2300.  
  2301. .p-shortcuts_flexpane__shortcut_hoverable .p-shortcuts_flexpane__shortcut_title { color: #e6e6e6; }
  2302.  
  2303. .p-shortcuts_flexpane__shortcut_title { color: #949494; }
  2304.  
  2305. .p-shortcuts_flexpane__title { color: #e6e6e6; }
  2306.  
  2307. .p-shortcuts_flexpane__tip { color: #949494; }
  2308.  
  2309. .p-shortcuts_flexpane__section_description { color: #949494; }
  2310.  
  2311. .p-shortcuts_flexpane__sub_heading { color: #949494; }
  2312.  
  2313. .c-keyboard_key { background: #545454; border-color: #828282; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); color: #e6e6e6; }
  2314.  
  2315. .tab_container .star_item .message .timestamp, .tab_container .star_item ts-message .timestamp { color: #949494; }
  2316.  
  2317. #member_preview_scroller a:not(.member_name):not(.current_status_preset_option), .team_list_item a:not(.member_name):not(.current_status_preset_option) { color: #949494; }
  2318.  
  2319. #member_preview_scroller a:not(.member_name):not(.current_status_preset_option):hover, .team_list_item a:not(.member_name):not(.current_status_preset_option):hover { color: #c7c7c7; }
  2320.  
  2321. #member_preview_scroller .member_data_table a, #team_list .member_data_table a { color: #949494; }
  2322.  
  2323. #member_preview_scroller .member_data_table a:hover, #team_list .member_data_table a:hover { color: #c7c7c7; }
  2324.  
  2325. #member_preview_scroller a.member_action_button, #team_list a.member_action_button { color: #949494 !important; }
  2326.  
  2327. #member_preview_scroller a.member_action_button:hover, #team_list a.member_action_button:hover { border-color: #828282 !important; color: #c7c7c7 !important; }
  2328.  
  2329. #member_preview_scroller .member_data_table tr, #member_preview_web_container .member_data_table tr, #team_list .member_data_table tr, .menu_member_header .member_data_table tr { color: #e6e6e6; }
  2330.  
  2331. #member_preview_scroller .member_data_table a, #member_preview_web_container .member_data_table a, #team_list .member_data_table a, .menu_member_header .member_data_table a { color: #949494 !important; }
  2332.  
  2333. #member_preview_scroller .member_data_table a:hover, #member_preview_web_container .member_data_table a:hover, #team_list .member_data_table a:hover, .menu_member_header .member_data_table a:hover { color: #c7c7c7 !important; }
  2334.  
  2335. #member_preview_scroller .member_data_table .bot_label, #member_preview_web_container .member_data_table .bot_label, #team_list .member_data_table .bot_label, .menu_member_header .member_data_table .bot_label { background: #000; color: #949494; }
  2336.  
  2337. #member_preview_scroller { background-color: #363636; }
  2338.  
  2339. #member_preview_scroller .member_data_table .current_status_cell .current_status_container .current_status_cover:hover { border-color: #363636; }
  2340.  
  2341. #member_preview_scroller .member_data_table .current_status_cell .current_status_container:not(.active) .current_status_cover.without_status_set .current_status_placeholder { color: rgba(230, 230, 230, 0.35) !important; }
  2342.  
  2343. #team_tab #member_preview_scroller { background-color: #222; }
  2344.  
  2345. #team_tab #member_preview_scroller .member_details .member_name { color: #e6e6e6; }
  2346.  
  2347. #member_preview_scroller .member_details .member_name_and_presence .member_name, #member_preview_web_container .member_details .member_name_and_presence .member_name, .menu_member_header .member_details .member_name_and_presence .member_name { color: #e6e6e6; }
  2348.  
  2349. #member_preview_scroller .member_details .member_title, #member_preview_web_container .member_details .member_title, .menu_member_header .member_details .member_title { color: #e6e6e6; }
  2350.  
  2351. #member_preview_scroller .member_details .member_restriction, #member_preview_scroller .member_details .member_timezone_value, #member_preview_scroller .member_details .member_current_status, #member_preview_web_container .member_details .member_restriction, #member_preview_web_container .member_details .member_timezone_value, #member_preview_web_container .member_details .member_current_status, .menu_member_header .member_details .member_restriction, .menu_member_header .member_details .member_timezone_value, .menu_member_header .member_details .member_current_status { color: #949494; }
  2352.  
  2353. #member_preview_scroller .member_details .member_restriction a, #member_preview_scroller .member_details .member_timezone_value a, #member_preview_scroller .member_details .member_current_status a, #member_preview_web_container .member_details .member_restriction a, #member_preview_web_container .member_details .member_timezone_value a, #member_preview_web_container .member_details .member_current_status a, .menu_member_header .member_details .member_restriction a, .menu_member_header .member_details .member_timezone_value a, .menu_member_header .member_details .member_current_status a { color: #949494; }
  2354.  
  2355. #member_preview_scroller .member_details .member_restriction a:hover, #member_preview_scroller .member_details .member_timezone_value a:hover, #member_preview_scroller .member_details .member_current_status a:hover, #member_preview_web_container .member_details .member_restriction a:hover, #member_preview_web_container .member_details .member_timezone_value a:hover, #member_preview_web_container .member_details .member_current_status a:hover, .menu_member_header .member_details .member_restriction a:hover, .menu_member_header .member_details .member_timezone_value a:hover, .menu_member_header .member_details .member_current_status a:hover { color: #c7c7c7; }
  2356.  
  2357. #member_preview_scroller .member_details .member_restriction .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_restriction .ts_icon_question_circle:hover, #member_preview_scroller .member_details .member_timezone_value .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_timezone_value .ts_icon_question_circle:hover, #member_preview_scroller .member_details .member_current_status .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_current_status .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_restriction .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_restriction .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_timezone_value .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_timezone_value .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_current_status .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_current_status .ts_icon_question_circle:hover, .menu_member_header .member_details .member_restriction .ts_icon_question_circle:focus, .menu_member_header .member_details .member_restriction .ts_icon_question_circle:hover, .menu_member_header .member_details .member_timezone_value .ts_icon_question_circle:focus, .menu_member_header .member_details .member_timezone_value .ts_icon_question_circle:hover, .menu_member_header .member_details .member_current_status .ts_icon_question_circle:focus, .menu_member_header .member_details .member_current_status .ts_icon_question_circle:hover { color: #949494; }
  2358.  
  2359. #member_preview_scroller .member_details_divider, #member_preview_web_container .member_details_divider, .menu_member_header .member_details_divider { border-color: #363636; }
  2360.  
  2361. #disabled_members_tab a { color: #949494; }
  2362.  
  2363. #disabled_members_tab a:hover { background: #424242; color: #c7c7c7; }
  2364.  
  2365. #disabled_members_tab.active a { color: #949494; }
  2366.  
  2367. .team_list_item { border-top: 1px solid #545454; color: #949494; }
  2368.  
  2369. .team_list_item .member_name { color: #e6e6e6; }
  2370.  
  2371. #client-ui .searchable_member_list .team_list_item a, #client-ui #team_list .team_list_item a, #member_preview_scroller .team_list_item a { color: #e6e6e6 !important; }
  2372.  
  2373. #client-ui .searchable_member_list .team_list_item.expanded, #client-ui #team_list .team_list_item.expanded, #member_preview_scroller .team_list_item.expanded { border-color: #363636 !important; }
  2374.  
  2375. #client-ui .searchable_member_list .team_list_item:hover, #client-ui #team_list .team_list_item:hover, #member_preview_scroller .team_list_item:hover { border-color: #545454 !important; }
  2376.  
  2377. #client-ui .searchable_member_list .team_list_item { border-bottom-color: #000; }
  2378.  
  2379. #client-ui .searchable_member_list .team_list_item:hover { background: #545454; }
  2380.  
  2381. .c-unified_member__display-name, .c-unified_member__secondary-name, .c-unified_member__title, .c-unified_member__other-names, .c-unified_member__other-names { color: #e6e6e6 !important; }
  2382.  
  2383. #convo_tab #convo_tab_btns .close_flexpane:focus, #convo_tab #convo_tab_btns .close_flexpane:hover { color: #e6e6e6; }
  2384.  
  2385. #convo_tab textarea.message_input { color: #e6e6e6; }
  2386.  
  2387. #reply_container .inline_message_input_container .message_input div, #reply_container .inline_message_input_container textarea, .reply_input_container .inline_message_input_container .message_input div, .reply_input_container .inline_message_input_container textarea { border-color: #363636; color: #e6e6e6; }
  2388.  
  2389. #reply_container .inline_message_input_container .message_input div:active, #reply_container .inline_message_input_container .message_input div:focus, #reply_container .inline_message_input_container textarea:active, #reply_container .inline_message_input_container textarea:focus, .reply_input_container .inline_message_input_container .message_input div:active, .reply_input_container .inline_message_input_container .message_input div:focus, .reply_input_container .inline_message_input_container textarea:active, .reply_input_container .inline_message_input_container textarea:focus { border-color: #000; }
  2390.  
  2391. #reply_container .reply_broadcast_buttons_container .reply_broadcast_label_container, .reply_input_container .reply_broadcast_buttons_container .reply_broadcast_label_container { color: #e6e6e6; }
  2392.  
  2393. #reply_container .reply_broadcast_buttons_container .reply_broadcast_label_container ts-icon.ts_icon_question_circle, .reply_input_container .reply_broadcast_buttons_container .reply_broadcast_label_container ts-icon.ts_icon_question_circle { color: #949494 !important; }
  2394.  
  2395. #reply_container .reply_limited_in_general, .reply_input_container .reply_limited_in_general { background: #222; color: #949494; }
  2396.  
  2397. #convo_container .convo_flexpane_divider { border-top-color: #363636; color: #949494; }
  2398.  
  2399. #convo_container .convo_flexpane_divider .reply_count { background: #222; }
  2400.  
  2401. #convo_container ts-conversation ts-message.selected .message_content .thread_channel_link { color: #949494; }
  2402.  
  2403. #convo_tab .message_input, #convo_tab textarea#msg_text { color: #e6e6e6; }
  2404.  
  2405. ts-message.message:hover, ts-message.message:active, ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator) { background-color: #222222; }
  2406.  
  2407. ts-thread .collapse_inline_thread_container:hover, ts-thread .view_all_replies_container:hover { background-color: #222222; }
  2408.  
  2409. #whats_new_tab p { color: #e6e6e6; }
  2410.  
  2411. #whats_new_tab .flex_heading_controls label { color: #949494; }
  2412.  
  2413. .c-member__display-name, .c-team__display-name, .c-usergroup__handle { color: #e6e6e6; }
  2414.  
  2415. .c-member__current-status--small::before, .c-member__secondary-name--large + .c-member__current-status--large::before, .c-member__secondary-name--medium + .c-member__current-status--medium::before { color: #e6e6e6; }
  2416.  
  2417. .c-member .external_team_badge { background-color: #545454; box-shadow: 0 0 0 2px #545454; }
  2418.  
  2419. .c-member .external_team_badge.default { background-color: #949494; color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  2420.  
  2421. .c-member .external_team_badge::after { box-shadow: inset 0 0 0 1px #545454; }
  2422.  
  2423. .c-member__name--small, .c-team__name--small, .c-usergroup__name--small { color: #e6e6e6; }
  2424.  
  2425. .c-member--small .presence { color: #949494; }
  2426.  
  2427. .c-member--small .team_image.icon_16 { border-color: #363636; }
  2428.  
  2429. .c-member--small .team_image.default { background-color: #949494; color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  2430.  
  2431. .c-member--dark .c-member__current-status { color: #949494; }
  2432.  
  2433. .c-member--dark .c-member__current-status::before { color: #949494; }
  2434.  
  2435. .c-member--dark .c-member__name, .c-member--dark .c-member__secondary-name { color: #949494; }
  2436.  
  2437. .c-member--dark .c-member__display-name, .c-member--dark .presence { color: #e6e6e6; }
  2438.  
  2439. .c-member--medium { color: #949494; }
  2440.  
  2441. .c-member--medium .presence { color: #949494; }
  2442.  
  2443. .c-member__secondary-name--medium { color: #e6e6e6; }
  2444.  
  2445. .c-member--large { color: #949494; }
  2446.  
  2447. .c-member__display-name--large, .c-member__title--large { color: #e6e6e6; }
  2448.  
  2449. .c-member__other-names--large { color: #949494; }
  2450.  
  2451. .c-usergroup--small .c-usergroup__icon { background-color: #949494; color: #e6e6e6; }
  2452.  
  2453. .c-usergroup__not-in-channel-context--small { color: #949494; }
  2454.  
  2455. .p-emoji_picker { background: #000 !important; color: #e6e6e6 !important; }
  2456.  
  2457. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="0"].key_selection { background: rgba(183, 232, 135, 0.5); }
  2458.  
  2459. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="1"].key_selection { background: rgba(181, 224, 254, 0.5); }
  2460.  
  2461. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="2"].key_selection { background: rgba(249, 239, 103, 0.5); }
  2462.  
  2463. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="3"].key_selection { background: rgba(243, 193, 253, 0.5); }
  2464.  
  2465. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="4"].key_selection { background: rgba(255, 225, 174, 0.5); }
  2466.  
  2467. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="5"].key_selection { background: rgba(224, 223, 255, 0.5); }
  2468.  
  2469. .p-emoji_picker__list_item { text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  2470.  
  2471. .p-emoji_picker__list_item[data-color-index="0"]:hover, .p-emoji_picker__list_item[data-color-index="0"].key_selection { background: rgba(183, 232, 135, 0.5); }
  2472.  
  2473. .p-emoji_picker__list_item[data-color-index="1"]:hover, .p-emoji_picker__list_item[data-color-index="1"].key_selection { background: rgba(181, 224, 254, 0.5); }
  2474.  
  2475. .p-emoji_picker__list_item[data-color-index="2"]:hover, .p-emoji_picker__list_item[data-color-index="2"].key_selection { background: rgba(249, 239, 103, 0.5); }
  2476.  
  2477. .p-emoji_picker__list_item[data-color-index="3"]:hover, .p-emoji_picker__list_item[data-color-index="3"].key_selection { background: rgba(243, 193, 253, 0.5); }
  2478.  
  2479. .p-emoji_picker__list_item[data-color-index="4"]:hover, .p-emoji_picker__list_item[data-color-index="4"].key_selection { background: rgba(255, 225, 174, 0.5); }
  2480.  
  2481. .p-emoji_picker__list_item[data-color-index="5"]:hover, .p-emoji_picker__list_item[data-color-index="5"].key_selection { background: rgba(224, 223, 255, 0.5); }
  2482.  
  2483. .p-emoji_picker__heading, .p-emoji_picker__list_container, .p-emoji_picker__input_container { background: #222; }
  2484.  
  2485. .p-emoji_picker__group_tabs { border-bottom-color: #424242; }
  2486.  
  2487. .p-emoji_picker__group_tab { color: #949494; }
  2488.  
  2489. .p-emoji_picker__group_tab:hover { background: #363636; color: #c7c7c7; }
  2490.  
  2491. .p-emoji_picker__group_tab--active { background: #545454; border-bottom-color: #424242; color: #e6e6e6; }
  2492.  
  2493. .p-emoji_picker__icon_search { color: #949494; }
  2494.  
  2495. .p-emoji_picker__content:hover .p-emoji_picker__skintone_btn_container { background: #222; border-color: #222; }
  2496.  
  2497. .p-emoji_picker__skintone_options { background: #222; }
  2498.  
  2499. .p-emoji_picker__tip i, .p-emoji_picker__no_results i { color: #949494; }
  2500.  
  2501. .p-emoji_picker__tip { color: #e6e6e6; }
  2502.  
  2503. .p-emoji_picker__no_results { color: #949494; }
  2504.  
  2505. .p-emoji_picker__preview_text { background: #000; color: #e6e6e6; }
  2506.  
  2507. .p-emoji_picker__footer { background: #000; border-top-color: #363636; }
  2508.  
  2509. .p-emoji_picker__footer .p-emoji_picker__heading { background: #000; }
  2510.  
  2511. .p-emoji_picker__emoji_deluxe_label { color: #949494; }
  2512.  
  2513. input[type="text"].p-emoji_picker__input:focus { border-color: #545454; box-shadow: none; }
  2514.  
  2515. #message_edit_form .current_status_empty_emoji, #message_edit_form .current_status_empty_emoji_cover, #message_edit_form .emo_menu, #msg_form .current_status_empty_emoji, #msg_form .current_status_empty_emoji_cover, #msg_form .emo_menu, .current_status_container .current_status_empty_emoji, .current_status_container .current_status_empty_emoji_cover, .current_status_container .emo_menu, .current_status_input_container .current_status_empty_emoji, .current_status_input_container .current_status_empty_emoji_cover, .current_status_input_container .emo_menu, .inline_message_input_container .current_status_empty_emoji, .inline_message_input_container .current_status_empty_emoji_cover, .inline_message_input_container .emo_menu, .share_channel_modal_contents .current_status_empty_emoji, .share_channel_modal_contents .current_status_empty_emoji_cover, .share_channel_modal_contents .emo_menu { color: #949494; }
  2516.  
  2517. #message_edit_form .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, #msg_form .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .current_status_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .current_status_input_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .inline_message_input_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .share_channel_modal_contents .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji { color: #e6e6e6; }
  2518.  
  2519. #message_edit_form #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form #msg_input.focus ~ .emo_menu, #message_edit_form #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form #msg_input:focus ~ .emo_menu, #msg_form #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), #msg_form #msg_input.focus ~ .emo_menu, #msg_form #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), #msg_form #msg_input:focus ~ .emo_menu, .current_status_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container #msg_input.focus ~ .emo_menu, .current_status_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container #msg_input:focus ~ .emo_menu, .current_status_input_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container #msg_input.focus ~ .emo_menu, .current_status_input_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container #msg_input:focus ~ .emo_menu, .inline_message_input_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container #msg_input.focus ~ .emo_menu, .inline_message_input_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container #msg_input:focus ~ .emo_menu, .share_channel_modal_contents #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents #msg_input.focus ~ .emo_menu, .share_channel_modal_contents #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents #msg_input:focus ~ .emo_menu { color: #e6e6e6; }
  2520.  
  2521. #message_edit_form .message_input:focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form .message_input:focus ~ .emo_menu, #msg_form .message_input:focus ~ #primary_file_button:not(:hover):not(.active), #msg_form .message_input:focus ~ .emo_menu, .current_status_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container .message_input:focus ~ .emo_menu, .current_status_input_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container .message_input:focus ~ .emo_menu, .inline_message_input_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container .message_input:focus ~ .emo_menu, .share_channel_modal_contents .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents .message_input:focus ~ .emo_menu { color: #e6e6e6; }
  2522.  
  2523. .current_status_emoji_picker { border-right-color: #363636; }
  2524.  
  2525. .current_status_input_for_team_menu .current_status_presets { border-top: 1px solid #000; }
  2526.  
  2527. .current_status_input_for_team_menu .current_status_presets .current_status_presets_section_header .header_label { color: #949494; }
  2528.  
  2529. .rxn, .c-reaction, .c-reaction_add, .c-member_slug { background: #363636; border: 1px solid #545454; }
  2530.  
  2531. .rxn.active, .rxn:hover, .c-reaction.active, .c-reaction:hover, .c-reaction_add.active, .c-reaction_add:hover, .c-member_slug.active, .c-member_slug:hover { background: #424242; }
  2532.  
  2533. .rxn.active .emoji_rxn_count, .rxn:hover .emoji_rxn_count, .c-reaction.active .emoji_rxn_count, .c-reaction:hover .emoji_rxn_count, .c-reaction_add.active .emoji_rxn_count, .c-reaction_add:hover .emoji_rxn_count, .c-member_slug.active .emoji_rxn_count, .c-member_slug:hover .emoji_rxn_count { color: #e6e6e6; }
  2534.  
  2535. .rxn.c-reaction--reacted, .c-reaction.c-reaction--reacted, .c-reaction_add.c-reaction--reacted, .c-member_slug.c-reaction--reacted { background-color: rgba(66, 66, 66, 0.08); border-color: rgba(130, 130, 130, 0.4) !important; }
  2536.  
  2537. .rxn.c-reaction--reacted .emoji_rxn_count, .rxn.c-reaction--reacted .c-reaction__count, .c-reaction.c-reaction--reacted .emoji_rxn_count, .c-reaction.c-reaction--reacted .c-reaction__count, .c-reaction_add.c-reaction--reacted .emoji_rxn_count, .c-reaction_add.c-reaction--reacted .c-reaction__count, .c-member_slug.c-reaction--reacted .emoji_rxn_count, .c-member_slug.c-reaction--reacted .c-reaction__count { color: #e6e6e6; }
  2538.  
  2539. .rxn .emoji_rxn_count, .rxn .c-reaction__count, .c-reaction .emoji_rxn_count, .c-reaction .c-reaction__count, .c-reaction_add .emoji_rxn_count, .c-reaction_add .c-reaction__count, .c-member_slug .emoji_rxn_count, .c-member_slug .c-reaction__count { color: #e6e6e6; }
  2540.  
  2541. .rxn.menu_rxn .ts_icon, .c-reaction.menu_rxn .ts_icon, .c-reaction_add.menu_rxn .ts_icon, .c-member_slug.menu_rxn .ts_icon { color: rgba(230, 230, 230, 0.25); }
  2542.  
  2543. a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #fff6d1; color: #363636; }
  2544.  
  2545. .modal { background-color: #222; border: 0; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
  2546.  
  2547. .modal .close, .modal label { color: #e6e6e6; }
  2548.  
  2549. .modal_input_note, .modal_input_note_full_width, .input_note_special { color: #949494; }
  2550.  
  2551. .modal-footer { background: padding-box #222; border-top: 1px solid transparent; box-shadow: none; }
  2552.  
  2553. .modal-header { background: padding-box #000; border-bottom: 1px solid #363636; color: #e6e6e6; }
  2554.  
  2555. .modal-backdrop { background-color: #222; }
  2556.  
  2557. .close { color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
  2558.  
  2559. #fs_modal_bg { background: #222; }
  2560.  
  2561. #fs_modal { background: #222; }
  2562.  
  2563. #fs_modal h1, #fs_modal h2, #fs_modal h3, #fs_modal h4, #fs_modal h5, #fs_modal h6 { color: #e6e6e6; }
  2564.  
  2565. #fs_modal #fs_modal_sidebar a { color: #e6e6e6; }
  2566.  
  2567. #fs_modal #fs_modal_sidebar a:hover { background: #363636; }
  2568.  
  2569. #fs_modal #fs_modal_sidebar a.active { background: #000; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  2570.  
  2571. #fs_modal .fs_modal_btn { color: rgba(230, 230, 230, 0.5); }
  2572.  
  2573. #fs_modal .fs_modal_btn:hover { background: #828282; color: #e6e6e6; }
  2574.  
  2575. #fs_modal .fs_modal_btn:active { background: #828282; color: #e6e6e6; }
  2576.  
  2577. #fs_modal.fs_modal_header .fs_modal_btn:active { color: #e6e6e6; }
  2578.  
  2579. #fs_modal #fs_modal_footer { background-color: #363636; }
  2580.  
  2581. .p-apps_browser__apps_list--loading::before { background-color: #363636; }
  2582.  
  2583. .p-apps_browser__category_section--tutorial .p-apps_browser__app { border-color: #545454; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); }
  2584.  
  2585. .p-apps_browser__category_section--tutorial .p-apps_browser__app--selected { background: #363636; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); }
  2586.  
  2587. .p-apps_browser__category_header { background: #222; color: #949494; }
  2588.  
  2589. .p-apps_browser__app { border-top-color: #545454; }
  2590.  
  2591. .p-apps_browser__app--selected { background: #363636; border-color: #828282; }
  2592.  
  2593. .p-apps_browser__app_info { color: #e6e6e6; }
  2594.  
  2595. .p-apps_browser__browse_apps, .p-apps_browser__app_action { background-color: #545454; border-color: #828282; color: #e6e6e6; }
  2596.  
  2597. .p-apps_browser__browse_apps:hover, .p-apps_browser__browse_apps:focus, .p-apps_browser__app_action:hover, .p-apps_browser__app_action:focus { background-color: #828282; color: #e6e6e6; }
  2598.  
  2599. .p-apps_browser__browse_apps:active, .p-apps_browser__app_action:active { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); }
  2600.  
  2601. .p-apps_browser__app_description { color: #949494; }
  2602.  
  2603. #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a { color: #949494; }
  2604.  
  2605. #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:active, #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:hover, #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:visited { color: #e6e6e6; }
  2606.  
  2607. #incoming_call { background-color: rgba(0, 0, 0, 0.97); color: #e6e6e6; }
  2608.  
  2609. #fs_modal.channel_options_modal .channel_options_header { border-bottom-color: #363636; }
  2610.  
  2611. #fs_modal.channel_options_modal .convert_to_shared label { color: #949494; }
  2612.  
  2613. #fs_modal.channel_options_modal .channel_option_item { border-top-color: #363636; }
  2614.  
  2615. #fs_modal.channel_options_modal .channel_option_item .channel_option_open { color: #e6e6e6; }
  2616.  
  2617. #fs_modal.channel_options_modal .channel_option_item:hover { background: rgba(0, 0, 0, 0.75); border-color: #363636; }
  2618.  
  2619. #channel_invite_container .lfs_list_container .lfs_item { border-top-color: #363636; }
  2620.  
  2621. #channel_invite_container .lfs_list_container .lfs_item.active { border-color: #363636; }
  2622.  
  2623. #channel_invite_container.page_needs_enterprise .channel_invite_row { border-top-color: #363636; }
  2624.  
  2625. #channel_invite_container.page_needs_enterprise .channel_invite_row.disabled { color: #949494; }
  2626.  
  2627. #channel_invite_modal #channel_invite_container:not(.keyboard_active).not_scrolling .channel_invite_row:not(.disabled):hover, #channel_invite_modal .channel_invite_row.highlighted:not(.disabled) { background: #222; border-color: #363636; }
  2628.  
  2629. #channel_prefs_dialog { color: #e6e6e6; }
  2630.  
  2631. #at_channel_warning_dialog { background-color: #222; }
  2632.  
  2633. #at_channel_warning_dialog.fullsize { background-color: #222; }
  2634.  
  2635. #at_channel_warning_dialog.fullsize .modal-body { background-color: #222; }
  2636.  
  2637. .channel_prefs_modal_header { color: #e6e6e6; }
  2638.  
  2639. .channel_prefs_body__section_header_title { color: #e6e6e6; }
  2640.  
  2641. .channel_prefs_body__section_header_icon::before { color: #e6e6e6; }
  2642.  
  2643. .channel_prefs_body__mute_help_text { color: #949494; }
  2644.  
  2645. .channel_prefs_notifications_table { border-bottom-color: #363636; color: #e6e6e6; }
  2646.  
  2647. .channel_prefs_notifications_table__large_cell, .channel_prefs_notifications_table__small_cell, .channel_prefs_notifications_table__row_title { border-bottom-color: #545454 !important; }
  2648.  
  2649. .channel_prefs__muting_checkbox_label { color: #e6e6e6; }
  2650.  
  2651. .channel_prefs__muting_checkbox_label:not(.subtle_silver) { color: #e6e6e6 !important; }
  2652.  
  2653. .notification_prefs_icon::before { color: #e6e6e6; }
  2654.  
  2655. .channel_modal_header { color: #e6e6e6; }
  2656.  
  2657. #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; }
  2658.  
  2659. #channel_browser .channel_browser_row_header { color: #e6e6e6; }
  2660.  
  2661. #channel_browser .channel_browser_creator_name { color: #949494; }
  2662.  
  2663. #channel_browser .channel_browser_open, #channel_browser .channel_browser_preview { color: #949494; }
  2664.  
  2665. #channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover, #channel_browser .channel_browser_row.highlighted { background: #000; border: 1px solid #545454; }
  2666.  
  2667. #channel_browser .channel_browser_divider { background: transparent; color: #949494; }
  2668.  
  2669. #channel_browser .channel_browser_sort_container::after { color: #e6e6e6; }
  2670.  
  2671. #channel_browser .channel_browser_channel_purpose { color: #e6e6e6; }
  2672.  
  2673. .channel_invite_member .add_icon, .channel_invite_member_small .add_icon { color: #949494; }
  2674.  
  2675. .channel_invite_member .name_container .not_in_token, .channel_invite_member_small .name_container .not_in_token { color: #949494 !important; }
  2676.  
  2677. .channel_invite_member .invite_user_group_avatar, .channel_invite_member_small .invite_user_group_avatar { background-color: #000; color: #e6e6e6; }
  2678.  
  2679. #invite_members_container .lfs_input_container { background: #545454; }
  2680.  
  2681. #notifications_not_working p.highlight_yellow_bg a { color: #e6e6e6; }
  2682.  
  2683. .c-dialog__header { background: #000; }
  2684.  
  2685. .c-dialog__header .c-dialog__title, .c-dialog__header .c-dialog__close { color: #e6e6e6; }
  2686.  
  2687. .c-dialog__header .c-dialog__close:hover { color: #949494; }
  2688.  
  2689. .c-dialog__body { background: #222222; }
  2690.  
  2691. .c-dialog__body .p-share_dialog_message_input { background-color: #000; border-color: #363636; color: #e6e6e6; }
  2692.  
  2693. .c-dialog__body .p-share_dialog_message_input.focus { border-color: #545454; box-shadow: unset; }
  2694.  
  2695. .c-dialog__body .p-file_upload_dialog__preview, .c-dialog__body .p-file_upload_dialog__preview_image { background-color: #000; border-color: #363636; }
  2696.  
  2697. .c-dialog__body input.c-input_text { border-color: #363636; }
  2698.  
  2699. .c-dialog__body input.c-input_text .c-input_character_count { background-color: #363636; color: #e6e6e6; }
  2700.  
  2701. .c-dialog__body input.c-input_text:focus { border-color: #545454; box-shadow: unset; }
  2702.  
  2703. .c-dialog__footer { background: #222222; }
  2704.  
  2705. .c-dialog__footer .c-button { background-color: #545454; color: #e6e6e6; }
  2706.  
  2707. .c-dialog__footer .p-file_upload_dialog__footer_share_inputs { color: #e6e6e6; }
  2708.  
  2709. #im_browser .im_browser_row { border-top: 1px solid #545454; }
  2710.  
  2711. #im_browser .im_browser_row.multiparty { color: #e6e6e6; }
  2712.  
  2713. #im_browser .im_browser_row.multiparty .member_image + .member_image:not(.ra):not(.ura) { border: 2px solid #000; }
  2714.  
  2715. #im_browser .im_browser_row .im_unread_cnt { background: #bf360c; color: #e6e6e6; }
  2716.  
  2717. #im_browser .im_browser_row.disabled { color: #949494; }
  2718.  
  2719. #im_browser #im_list_container:not(.keyboard_active).not_scrolling .im_browser_row:not(.disabled_dm):hover, #im_browser .im_browser_row.highlighted { background: #000 !important; border: 1px solid #545454 !important; }
  2720.  
  2721. #im_browser_tokens { background: #545454; border: 1px solid #828282; }
  2722.  
  2723. #im_browser_tokens.active { border-color: #828282; box-shadow: 0 0 7px rgba(130, 130, 130, 0.15); }
  2724.  
  2725. #im_browser_tokens .member_token { background: #222; border: 1px solid #000; color: #e6e6e6; }
  2726.  
  2727. #im_browser_tokens .member_token.ra { background: #bf360c; }
  2728.  
  2729. .fs_modal_file_viewer_header { background-color: #363636; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
  2730.  
  2731. .fs_modal_file_viewer_header .btn { color: #e6e6e6; }
  2732.  
  2733. .fs_modal_file_viewer_header .star { color: #949494; }
  2734.  
  2735. .fs_modal_file_viewer_header .control_btn, .fs_modal_file_viewer_header a.control_btn { color: #e6e6e6; }
  2736.  
  2737. .fs_modal_file_viewer_header .control_btn:link, .fs_modal_file_viewer_header .control_btn:visited, .fs_modal_file_viewer_header a.control_btn:link, .fs_modal_file_viewer_header a.control_btn:visited { color: #e6e6e6; }
  2738.  
  2739. .fs_modal_file_viewer_header .control_btn:focus, .fs_modal_file_viewer_header .control_btn:hover, .fs_modal_file_viewer_header a.control_btn:focus, .fs_modal_file_viewer_header a.control_btn:hover { color: #949494; }
  2740.  
  2741. .fs_modal_file_viewer_header .control_btn.active, .fs_modal_file_viewer_header .control_btn:active, .fs_modal_file_viewer_header a.control_btn.active, .fs_modal_file_viewer_header a.control_btn:active { background: #545454; }
  2742.  
  2743. .fs_modal_file_viewer_header .file_size, .fs_modal_file_viewer_header .muted_tooltip_info { color: #949494; }
  2744.  
  2745. .fs_modal_file_viewer_header .close_btn::after { border-right: 1px solid #545454; }
  2746.  
  2747. .fs_modal_file_viewer_content .viewer { background-color: #000; color: #e6e6e6 !important; }
  2748.  
  2749. .fs_modal_file_viewer_content .viewer .next_btn ts-icon, .fs_modal_file_viewer_content .viewer .previous_btn ts-icon { background: #545454; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); }
  2750.  
  2751. .fs_modal_file_viewer_content .viewer .next_btn:focus:not([disabled]), .fs_modal_file_viewer_content .viewer .next_btn:hover:not([disabled]), .fs_modal_file_viewer_content .viewer .previous_btn:focus:not([disabled]), .fs_modal_file_viewer_content .viewer .previous_btn:hover:not([disabled]) { background: rgba(130, 130, 130, 0.25); color: #e6e6e6; }
  2752.  
  2753. .fs_modal_file_viewer_content .viewer .next_btn[disabled]:focus, .fs_modal_file_viewer_content .viewer .next_btn[disabled]:hover, .fs_modal_file_viewer_content .viewer .previous_btn[disabled]:focus, .fs_modal_file_viewer_content .viewer .previous_btn[disabled]:hover { color: rgba(148, 148, 148, 0.8); }
  2754.  
  2755. .fs_modal_file_viewer_content .aside_panel { background-color: #222; box-shadow: -1px 0 0 rgba(0, 0, 0, 0.25); }
  2756.  
  2757. .fs_modal_file_viewer_content .comment_header { background-color: transparent; border-bottom: 1px solid #000; }
  2758.  
  2759. .fs_modal_file_viewer_content .no_comment { background-color: #222; color: #949494; }
  2760.  
  2761. .fs_modal_file_viewer_content .aside_close_btn { color: #e6e6e6; }
  2762.  
  2763. .fs_modal_file_viewer_content #file_comment { color: #e6e6e6; }
  2764.  
  2765. #file_comment_textarea.texty_comment_input { background: #222; border-color: #363636; color: #e6e6e6; }
  2766.  
  2767. #file_comment_textarea.texty_comment_input.focus, #file_comment_textarea.texty_comment_input:hover { border-color: #363636; }
  2768.  
  2769. #fs_modal.help_modal #fs_modal_footer .help_modal_status #no_open_issues { color: #949494; }
  2770.  
  2771. #fs_modal.help_modal .help_modal_header { background-color: #363636; border-color: #545454; }
  2772.  
  2773. #fs_modal.help_modal .help_modal_header a { color: #e6e6e6; }
  2774.  
  2775. #fs_modal.help_modal .help_modal_divider { color: #949494; }
  2776.  
  2777. #fs_modal.help_modal .help_modal_article_row { border-top: 1px solid #363636; }
  2778.  
  2779. #fs_modal.help_modal .help_modal_article_row .channel_browser_open { color: #949494; }
  2780.  
  2781. #fs_modal.help_modal #help_modal_list_container:not(.keyboard_active).not_scrolling .help_modal_article_row:hover, #fs_modal.help_modal .help_modal_article_row.highlighted { background-color: #363636; border-color: #000; }
  2782.  
  2783. .admin_invites_account_type_option { border-bottom: 1px solid #363636; }
  2784.  
  2785. .admin_invites_account_type_option p { color: #e6e6e6; }
  2786.  
  2787. .admin_invites_account_type_option .option_arrow { color: #949494; }
  2788.  
  2789. .admin_invites_account_type_option:hover:not(.disabled) h3 { color: #e6e6e6; }
  2790.  
  2791. .admin_invites_account_type_option.disabled .account_type_disabled_hover { background: rgba(255, 255, 255, 0); }
  2792.  
  2793. .admin_invites_account_type_option.disabled:hover .account_type_disabled_hover { background: rgba(34, 34, 34, 0.95); }
  2794.  
  2795. .admin_invite_row .delete_row, .admin_invite_row .hide_custom_message, .admin_invites_custom_message_container .delete_row, .admin_invites_custom_message_container .hide_custom_message { color: #949494; }
  2796.  
  2797. .admin_invite_row .delete_row:hover, .admin_invite_row .hide_custom_message:hover, .admin_invites_custom_message_container .delete_row:hover, .admin_invites_custom_message_container .hide_custom_message:hover { color: #bf360c; }
  2798.  
  2799. .admin_invite_row.delete_highlight, .admin_invites_custom_message_container.delete_highlight { background: rgba(191, 54, 12, 0.4); }
  2800.  
  2801. #admin_invites_channel_picker_container { border-bottom: 1px solid #363636; }
  2802.  
  2803. #admin_invites_add_row { background: #545454; border: 1px solid #363636; }
  2804.  
  2805. #admin_invites_workflow .lazy_filter_select .lfs_input_container { background-color: #545454; }
  2806.  
  2807. #channel_invite_tokens { background-color: #545454; border-color: #828282; }
  2808.  
  2809. #channel_invite_tokens.active { border-color: #949494; box-shadow: 0 0 7px rgba(148, 148, 148, 0.15); }
  2810.  
  2811. #channel_invite_tokens .member_token { background: #222; color: #e6e6e6; }
  2812.  
  2813. #channel_invite_tokens .member_token.ra { background: rgba(191, 54, 12, 0.4); }
  2814.  
  2815. #admin_invites_alert { background: #545454; border-color: #828282; }
  2816.  
  2817. .channel_invite_member .add_icon, .channel_invite_member_small .add_icon, .channel_invite_pending_user_small .add_icon { color: #e6e6e6; }
  2818.  
  2819. .channel_invite_member .invite_user_group_avatar, .channel_invite_member_small .invite_user_group_avatar, .channel_invite_pending_user_small .invite_user_group_avatar { background-color: #222; color: #e6e6e6; }
  2820.  
  2821. #shortcuts_dialog { background: rgba(34, 34, 34, 0.95); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); }
  2822.  
  2823. #shortcuts_dialog.modal .modal-body, #shortcuts_dialog.modal h1, #shortcuts_dialog.modal h3 { color: #e6e6e6; }
  2824.  
  2825. #shortcuts_dialog.modal ul ul { border-left-color: #545454; }
  2826.  
  2827. #shortcuts_dialog.modal .info_block { color: #949494; }
  2828.  
  2829. #shortcuts_dialog.modal .close { background: #545454; border-color: #828282; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); color: #e6e6e6; }
  2830.  
  2831. #shortcuts_dialog.modal .close:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9); }
  2832.  
  2833. #fs_modal.prefs_modal label.sound_option:hover:not(.disabled) ts-icon { color: #949494; }
  2834.  
  2835. #fs_modal.prefs_modal #prefs_sidebar .theme_thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  2836.  
  2837. #fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .custom_theme_label { border: 1px solid #363636; }
  2838.  
  2839. #fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .custom_theme_label .color_swatch { border: 1px solid #363636; }
  2840.  
  2841. #fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .colpick { background: #424242; border: 1px solid #363636; }
  2842.  
  2843. #fs_modal.prefs_modal #prefs_sidebar #prefs_sidebar_theme::after { background: #bf360c; border-radius: 3px; content: "Light sidebar themes (e.g. Hoth) will break this Stylish theme."; display: block; font-size: 14px; line-height: 18px; margin: 12px 0 6px; padding: 6px; width: 100%; }
  2844.  
  2845. #fs_modal.prefs_modal legend { color: #e6e6e6; }
  2846.  
  2847. #fs_modal.prefs_modal .global_notification_block { background: #222; border-color: #000; }
  2848.  
  2849. #fs_modal.prefs_modal .global_notification_block.selected { background: #363636; border-color: #000; }
  2850.  
  2851. #fs_modal.prefs_modal .channel_overrides_row { border-top-color: #000; }
  2852.  
  2853. #fs_modal.prefs_modal .channel_overrides_row:hover { background: #363636; border-color: #000; }
  2854.  
  2855. #fs_modal.prefs_modal .channel_overrides_row .channel_overrides_summary { color: #e6e6e6; }
  2856.  
  2857. #fs_modal.prefs_modal .notification_example.mac { background: #000; box-shadow: 0 1px 8px 2px #363636; }
  2858.  
  2859. #fs_modal.prefs_modal .notification_example.linux, #fs_modal.prefs_modal .notification_example.windows { background: #000; color: #e6e6e6; }
  2860.  
  2861. #fs_modal.prefs_modal .badge_example { background: #bf360c; }
  2862.  
  2863. #fs_modal.prefs_modal .message_theme_preview { border-bottom-color: #000; border-top-color: #000; }
  2864.  
  2865. #fs_modal.prefs_modal .display_real_names_block_sample { background: #222; }
  2866.  
  2867. .sidebar_menu_list_item { border: 0; color: #e6e6e6; }
  2868.  
  2869. .sidebar_menu_list_item.is_active { background-color: #000; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  2870.  
  2871. .sidebar_menu_list_item:not(.is_active):hover { background-color: #363636; }
  2872.  
  2873. .jumbomoji_pref_disabled { color: #949494; }
  2874.  
  2875. .jumbomoji_disabled_note { color: rgba(148, 148, 148, 0.6); }
  2876.  
  2877. #edit_team_profile_container input:disabled, #edit_team_profile_container select:disabled { background: #545454; border: 1px solid #000; }
  2878.  
  2879. #edit_team_profile_container .lazy_filter_select.disabled { background: #545454; }
  2880.  
  2881. #edit_team_profile_container .lazy_filter_select.disabled input { background: #545454; }
  2882.  
  2883. #edit_team_profile_add .row, #edit_team_profile_list .row { border-top: 1px solid #363636; }
  2884.  
  2885. #edit_team_profile_list .row:nth-last-child(2):hover { border-color: #363636 !important; }
  2886.  
  2887. #edit_team_profile_list .row:nth-child(n+5).active, #edit_team_profile_list .row:nth-child(n+5):hover { background: #363636; border: 1px solid #000; }
  2888.  
  2889. #edit_team_profile_list .row:nth-child(n+5).active .edit_team_profile_list_controls i.ts_icon_cog_o { color: #949494; }
  2890.  
  2891. #edit_team_profile_list .edit_team_profile_list_controls i { color: #e6e6e6; }
  2892.  
  2893. #edit_team_profile_list .edit_team_profile_list_controls i.ts_icon_cog_o:hover { color: #949494; }
  2894.  
  2895. #edit_team_profile_list .edit_team_profile_list_controls i.ts_icon_grabby_patty:hover { color: #949494; }
  2896.  
  2897. #edit_team_profile_list .sortable-placeholder::before { border-top: 1px solid #545454; }
  2898.  
  2899. #edit_team_profile_add .row:last-child { border-bottom: 1px solid #545454; }
  2900.  
  2901. #edit_team_profile_add .row:not(.header_row):hover { background: #363636; border: 1px solid #000; }
  2902.  
  2903. #edit_team_profile_add .row:not(.header_row):hover .col:first-child { color: #e6e6e6; }
  2904.  
  2905. #edit_team_profile_add .row:not(.header_row):hover i { border-color: #000; color: #e6e6e6; }
  2906.  
  2907. #edit_team_profile_add i { color: #949494; }
  2908.  
  2909. #edit_team_profile_edit .profile_field_preview_protector label.select::after, #edit_team_profile_edit .profile_field_preview_protector label.select:hover::after { color: #949494; }
  2910.  
  2911. #edit_team_profile_edit .row.option_row.show_remove_action i { border: 1px solid #000; }
  2912.  
  2913. #edit_team_profile_edit .row.option_row.show_remove_action i:hover { background-color: #bf360c; border-color: #bf360c !important; color: #e6e6e6; }
  2914.  
  2915. #edit_team_profile_edit .row i { border: 1px solid #000; color: #e6e6e6; }
  2916.  
  2917. #edit_team_profile_custom .row .col .profile_field_preview { background: #363636; border: 2px solid #000; }
  2918.  
  2919. #edit_team_profile_custom .row .col .profile_field_preview:active, #edit_team_profile_custom .row .col .profile_field_preview:hover { border-color: #363636; }
  2920.  
  2921. #edit_team_profile_custom .row .col .profile_field_preview:active span, #edit_team_profile_custom .row .col .profile_field_preview:hover span { color: #949494; }
  2922.  
  2923. #edit_team_profile_custom .row .col input { background: #545454; border: 1px solid #000; }
  2924.  
  2925. #edit_team_profile_custom .row .col[data-type=options_list] span::after { color: #949494; }
  2926.  
  2927. #edit_team_profile_custom .row .col[data-type=options_list] input { border-right: 1px solid #000; }
  2928.  
  2929. .profile_field_preview_protector .profile_field_preview { background: #222; border: 1px solid #545454; }
  2930.  
  2931. .profile_field_preview_protector .profile_field_preview::after { background-color: #222; box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.25); }
  2932.  
  2933. .profile_field_preview_protector .profile_field_preview::before { background-color: #222; box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.25); }
  2934.  
  2935. .profile_field_preview_protector .profile_field_preview input:disabled, .profile_field_preview_protector .profile_field_preview select:disabled { background: #545454; color: #949494; }
  2936.  
  2937. .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #000, rgba(255, 255, 255, 0)); }
  2938.  
  2939. .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #000; }
  2940.  
  2941. .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #000 transparent transparent; }
  2942.  
  2943. ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
  2944.  
  2945. ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; }
  2946.  
  2947. ts-jumper input[type=text] { border: 1px solid #000 !important; color: #e6e6e6; }
  2948.  
  2949. ts-jumper input[type=text]:focus { border: 1px solid rgba(54, 54, 54, 0.8) !important; color: #e6e6e6; }
  2950.  
  2951. ts-jumper input[type=text]::-webkit-input-placeholder, ts-jumper input[type=text]:focus::-webkit-input-placeholder, ts-jumper input[type=text]::-moz-placeholder, ts-jumper input[type=text]:focus::-moz-placeholder { color: #e6e6e6; }
  2952.  
  2953. ts-jumper ol li { color: #e6e6e6; }
  2954.  
  2955. ts-jumper ol li .channel_name, ts-jumper ol li .member_real_name, ts-jumper ol li .member_username, ts-jumper ol li .team_username { color: #949494; }
  2956.  
  2957. ts-jumper ol li .channel_not_member, ts-jumper ol li .team_username, ts-jumper ol li .member_real_name + .member_username, ts-jumper ol li .member_username + .member_real_name, ts-jumper ol li ts-icon { color: #949494; }
  2958.  
  2959. ts-jumper ol li .unread_count { background: #bf360c; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  2960.  
  2961. ts-jumper ol li.highlighted { background: #828282 !important; color: #e6e6e6 !important; }
  2962.  
  2963. ts-jumper ol:not(.keyboard_active) li:hover { background: #828282 !important; color: #e6e6e6 !important; }
  2964.  
  2965. ts-jumper ol li.highlighted .channel_not_member, ts-jumper ol li.highlighted .member_real_name + .member_username, ts-jumper ol li.highlighted .member_username + .member_real_name, ts-jumper ol li.highlighted i.presence_icon, ts-jumper ol li.highlighted ts-icon, ts-jumper ol:not(.keyboard_active) li:hover .channel_not_member, ts-jumper ol:not(.keyboard_active) li:hover .member_real_name + .member_username, ts-jumper ol:not(.keyboard_active) li:hover .member_username + .member_real_name, ts-jumper ol:not(.keyboard_active) li:hover i.presence_icon, ts-jumper ol:not(.keyboard_active) li:hover ts-icon { color: #e6e6e6; }
  2966.  
  2967. .basic_share_dialog .share_dialog_divider { border-top-color: transparent; }
  2968.  
  2969. .share_dialog_attachment_container { color: #e6e6e6; }
  2970.  
  2971. #share_dialog .file_list_item { border-color: #000; }
  2972.  
  2973. #generic_dialog.basic_share_dialog .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon), #share_dialog .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon) { color: #949494; }
  2974.  
  2975. #share_dialog_input_container #file_comment_textarea.ql-container { border-color: #363636; }
  2976.  
  2977. #share_dialog_input_container #file_comment_textarea.ql-container.focus { border-color: #545454; }
  2978.  
  2979. #share_dialog_input_container #file_comment_textarea.ql-container.focus ~ .emo_menu { color: #e6e6e6; }
  2980.  
  2981. .ts_tip .ts_tip_multiline_inner, .ts_tip:not(.ts_tip_multiline) .ts_tip_tip { background: #545454; }
  2982.  
  2983. .ts_tip .ts_tip_tip { color: #e6e6e6; }
  2984.  
  2985. .ts_tip.ts_tip_left .ts_tip_tip::after { border-left-color: #545454; }
  2986.  
  2987. .ts_tip.ts_tip_right .ts_tip_tip::after { border-right-color: #545454; }
  2988.  
  2989. .ts_tip.ts_tip_top .ts_tip_tip::after { border-top-color: #545454; }
  2990.  
  2991. .ts_tip.ts_tip_bottom .ts_tip_tip::after { border-bottom-color: #545454; }
  2992.  
  2993. .ts_tip.success .ts_tip_tip { background: #828282; }
  2994.  
  2995. .ts_tip.success.ts_tip_left .ts_tip_tip::after { border-left-color: #828282; }
  2996.  
  2997. .ts_tip.success.ts_tip_right .ts_tip_tip::after { border-right-color: #828282; }
  2998.  
  2999. .ts_tip.success.ts_tip_top .ts_tip_tip::after { border-top-color: #828282; }
  3000.  
  3001. .ts_tip.success.ts_tip_bottom .ts_tip_tip::after { border-bottom-color: #828282; }
  3002.  
  3003. .c-tooltip__tip { background-color: #545454; color: #e6e6e6; }
  3004.  
  3005. .c-tooltip__tip--top .c-tooltip__tip__arrow { border-top-color: #545454; }
  3006.  
  3007. .c-tooltip__tip--top-left .c-tooltip__tip__arrow { border-top-color: #545454; }
  3008.  
  3009. .c-tooltip__tip--top-right .c-tooltip__tip__arrow { border-top-color: #545454; }
  3010.  
  3011. .c-tooltip__tip--right .c-tooltip__tip__arrow { border-right-color: #545454; }
  3012.  
  3013. .c-tooltip__tip--bottom .c-tooltip__tip__arrow { border-bottom-color: #545454; }
  3014.  
  3015. .c-tooltip__tip--bottom-left .c-tooltip__tip__arrow { border-bottom-color: #545454; }
  3016.  
  3017. .c-tooltip__tip--bottom-right .c-tooltip__tip__arrow { border-bottom-color: #545454; }
  3018.  
  3019. .c-tooltip__tip--left .c-tooltip__tip__arrow { border-left-color: #545454; }
  3020.  
  3021. .c-tooltip__tip--success { background-color: #0cbf72; }
  3022.  
  3023. .c-tooltip__tip--success.c-tooltip__tip--top::after, .c-tooltip__tip--success.c-tooltip__tip--top-left::after, .c-tooltip__tip--success.c-tooltip__tip--top-right::after { border-top-color: #0cbf72; }
  3024.  
  3025. .c-tooltip__tip--success.c-tooltip__tip--right::after { border-right-color: #0cbf72; }
  3026.  
  3027. .c-tooltip__tip--success.c-tooltip__tip--bottom::after, .c-tooltip__tip--success.c-tooltip__tip--bottom-left::after, .c-tooltip__tip--success.c-tooltip__tip--bottom-right::after { border-bottom-color: #0cbf72; }
  3028.  
  3029. .c-tooltip__tip--success.c-tooltip__tip--left::after { border-left-color: #0cbf72; }
  3030.  
  3031. #coachmark.calls_interactive_mas_migration_coachmark_div, #coachmark.calls_iss_window_coachmark_div, #coachmark.calls_ss_main_coachmark_div, #coachmark.calls_ss_window_coachmark_div, #coachmark.calls_video_beta_coachmark_div, #coachmark.calls_video_ga_coachmark_div, #coachmark.channels_coachmark_div, #coachmark.direct_messages_coachmark_div, #coachmark.enterprise_analytics_usage_callouts_coachmark_div, #coachmark.gdrive_coachmark_div, #coachmark.highlights_arrows_coachmark_div, #coachmark.highlights_feedback_coachmark_div, #coachmark.highlights_message_coachmark_div, #coachmark.intl_channel_names_coachmark_div, #coachmark.invites_coachmark_div, #coachmark.name_tagging_coachmark_div, #coachmark.onboarding_coachmark_div, #coachmark.recent_mentions_coachmark_div, #coachmark.replies_coachmark_div, #coachmark.screenhero_deprecation_coachmark_div, #coachmark.starred_items_coachmark_div, #coachmark.unread_view_coachmark_div { background: #545454; }
  3032.  
  3033. #coachmark.calls_interactive_mas_migration_coachmark_div #coachmark_callout, #coachmark.calls_interactive_mas_migration_coachmark_div #coachmark_interior, #coachmark.calls_iss_window_coachmark_div #coachmark_callout, #coachmark.calls_iss_window_coachmark_div #coachmark_interior, #coachmark.calls_ss_main_coachmark_div #coachmark_callout, #coachmark.calls_ss_main_coachmark_div #coachmark_interior, #coachmark.calls_ss_window_coachmark_div #coachmark_callout, #coachmark.calls_ss_window_coachmark_div #coachmark_interior, #coachmark.calls_video_beta_coachmark_div #coachmark_callout, #coachmark.calls_video_beta_coachmark_div #coachmark_interior, #coachmark.calls_video_ga_coachmark_div #coachmark_callout, #coachmark.calls_video_ga_coachmark_div #coachmark_interior, #coachmark.channels_coachmark_div #coachmark_callout, #coachmark.channels_coachmark_div #coachmark_interior, #coachmark.direct_messages_coachmark_div #coachmark_callout, #coachmark.direct_messages_coachmark_div #coachmark_interior, #coachmark.enterprise_analytics_usage_callouts_coachmark_div #coachmark_callout, #coachmark.enterprise_analytics_usage_callouts_coachmark_div #coachmark_interior, #coachmark.gdrive_coachmark_div #coachmark_callout, #coachmark.gdrive_coachmark_div #coachmark_interior, #coachmark.highlights_arrows_coachmark_div #coachmark_callout, #coachmark.highlights_arrows_coachmark_div #coachmark_interior, #coachmark.highlights_feedback_coachmark_div #coachmark_callout, #coachmark.highlights_feedback_coachmark_div #coachmark_interior, #coachmark.highlights_message_coachmark_div #coachmark_callout, #coachmark.highlights_message_coachmark_div #coachmark_interior, #coachmark.intl_channel_names_coachmark_div #coachmark_callout, #coachmark.intl_channel_names_coachmark_div #coachmark_interior, #coachmark.invites_coachmark_div #coachmark_callout, #coachmark.invites_coachmark_div #coachmark_interior, #coachmark.name_tagging_coachmark_div #coachmark_callout, #coachmark.name_tagging_coachmark_div #coachmark_interior, #coachmark.onboarding_coachmark_div #coachmark_callout, #coachmark.onboarding_coachmark_div #coachmark_interior, #coachmark.recent_mentions_coachmark_div #coachmark_callout, #coachmark.recent_mentions_coachmark_div #coachmark_interior, #coachmark.replies_coachmark_div #coachmark_callout, #coachmark.replies_coachmark_div #coachmark_interior, #coachmark.screenhero_deprecation_coachmark_div #coachmark_callout, #coachmark.screenhero_deprecation_coachmark_div #coachmark_interior, #coachmark.starred_items_coachmark_div #coachmark_callout, #coachmark.starred_items_coachmark_div #coachmark_interior, #coachmark.unread_view_coachmark_div #coachmark_callout, #coachmark.unread_view_coachmark_div #coachmark_interior { background: #545454; }
  3034.  
  3035. #coachmark_footer .coachmark_done, #coachmark_footer .coachmark_got_it, #coachmark_footer .coachmark_next_tip, #coachmark_footer .coachmark_ok { background: rgba(130, 130, 130, 0.5) !important; }
  3036.  
  3037. #coachmark_interior { color: #e6e6e6; }
  3038.  
  3039. #coachmark_interior .coachmark_close_btn { color: #e6e6e6; }
  3040.  
  3041. .menu_member_header { background: #000; }
  3042.  
  3043. .menu_member_header .member_details .member_name_and_presence { color: #e6e6e6; }
  3044.  
  3045. .menu_member_header .member_details .member_name_and_presence .member_name { color: #e6e6e6; }
  3046.  
  3047. .menu_member_header .member_details .member_name_and_presence .presence.away { color: #fff; }
  3048.  
  3049. .menu_member_header .member_details .member_title { color: #949494; }
  3050.  
  3051. .menu_member_header .member_details .member_restriction, .menu_member_header .member_details .member_timezone_value { color: #949494; }
  3052.  
  3053. .menu_member_header .member_details .member_restriction a, .menu_member_header .member_details .member_timezone_value a { color: #949494; }
  3054.  
  3055. .menu_member_header .member_details .member_restriction a:hover, .menu_member_header .member_details .member_timezone_value a:hover { color: #c7c7c7; }
  3056.  
  3057. .menu_member_header .member_details_divider { border-color: #545454; }
  3058.  
  3059. .menu_member_footer { background: #000; border-top: 1px solid #545454; }
  3060.  
  3061. .menu_member_footer p { color: #949494; }
  3062.  
  3063. .menu_member_footer #menu_member_dm_input p { color: #e6e6e6; }
  3064.  
  3065. .member_meta { color: #949494; }
  3066.  
  3067. .mini, .dull_grey, .flat_grey, .blue_link, .blue_fill, .slate_blue, .charcoal_grey, .indifferent_grey, .ts_tip_tip .subtle_silver { color: #e6e6e6 !important; }
  3068.  
  3069. .greigh, .sky_blue, .severe_grey, .havana_blue, .burnt_violet, .plastic_grey, .cloud_silver, .sk_dark_gray, .sk_dark_grey, .subtle_silver, .old_petunia_grey { color: #949494 !important; }
  3070.  
  3071. .clear_blue { color: #949494 !important; }
  3072.  
  3073. .moscow_red, .yolk_orange, .mustard_yellow, .candy_red_on_hover:hover, .moscow_red_on_hover:hover { color: #bf360c !important; }
  3074.  
  3075. .seafoam_green { color: #0cbf72 !important; }
  3076.  
  3077. .candy_red_bg { background-color: #bf360c !important; }
  3078.  
  3079. .off_white_bg, .neutral_white_bg { background-color: #363636 !important; }
  3080.  
  3081. .yolk_orange_bg, .burnt_violet_bg, .flexpane_grey_bg { background-color: #424242 !important; }
  3082.  
  3083. .sky_blue_bg, .clear_blue_bg, .seafoam_green_bg { background-color: #545454 !important; }
  3084.  
  3085. .sk_black { color: inherit; }
  3086.  
  3087. .monkey_scroll_bar { z-index: 99; }
  3088.  
  3089. .client_header_icon { -moz-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5); -webkit-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5); filter: brightness(0.6) contrast(3) invert(1) sepia(0.5); }
  3090.  
  3091. nav.top.persistent { background: #363636; }
  3092.  
  3093. nav.top.persistent .logo { background-position: 50% 0 !important; }
  3094.  
  3095. .widescreen #header_team_name a i { margin-left: 1.5em; }
  3096.  
  3097. .widescreen #user_menu { border-right: none; }
  3098.  
  3099. header #menu_toggle { color: #949494; }
  3100.  
  3101. header #header_team_nav { background: #363636; border: 1px solid #000; }
  3102.  
  3103. header #header_team_nav li.active a { background: #222; color: #e6e6e6; }
  3104.  
  3105. header .header_btns a { color: #949494; }
  3106.  
  3107. header .header_btns a .label { color: #949494; }
  3108.  
  3109. header .vert_divider { border-left: 1px solid #000; }
  3110.  
  3111. footer, #autocomplete_menu.search_menu footer.unified { background-color: #363636; border-color: #000; color: #e6e6e6; }
  3112.  
  3113. footer ul a, #autocomplete_menu.search_menu footer.unified ul a { color: #e6e6e6; }
  3114.  
  3115. footer ul a:link, footer ul a:visited, #autocomplete_menu.search_menu footer.unified ul a:link, #autocomplete_menu.search_menu footer.unified ul a:visited { color: #e6e6e6; }
  3116.  
  3117. .plastic_row h3 { color: #e6e6e6; }
  3118.  
  3119. .plastic_row h4 a { color: #e6e6e6; }
  3120.  
  3121. .plastic_row .icon { color: #e6e6e6; }
  3122.  
  3123. .plastic_row .chevron { color: #949494; }
  3124.  
  3125. .plastic_row .description { color: #e6e6e6; }
  3126.  
  3127. .plastic_row:active { background: #222; border-color: #000; }
  3128.  
  3129. .plastic_row:active .chevron { color: #e6e6e6; }
  3130.  
  3131. html.no_touch .plastic_row:hover { background: #222; border-color: #000; }
  3132.  
  3133. html.no_touch .plastic_row:hover .chevron { color: #e6e6e6; }
  3134.  
  3135. html.no_touch .pagination ul > li > a:hover { background-color: #000; }
  3136.  
  3137. html.no_touch .pagination ul > .disabled > a:hover { background: #363636; color: #949494; }
  3138.  
  3139. html.no_touch .pager li > a:hover, html.no_touch .pager li > a:focus { color: #c7c7c7; }
  3140.  
  3141. .card, .tab_pane { background: #363636; border: 1px solid #000; color: #e6e6e6; }
  3142.  
  3143. .card h3 a { color: #e6e6e6; }
  3144.  
  3145. #page_contents .card { background: rgba(54, 54, 54, 0.8) !important; }
  3146.  
  3147. #page_contents .card p { color: #e6e6e6; }
  3148.  
  3149. .tab_set a.secondary { color: #949494; }
  3150.  
  3151. .tab_set a.selected, .tab_set a.secondary.selected { background: #363636; border: 1px solid #000; border-bottom-color: #363636; color: #c7c7c7; }
  3152.  
  3153. .tab_actions { background: #363636; border: 1px solid #000; border-color: #000; }
  3154.  
  3155. .accordion_section { border-bottom-color: #222; }
  3156.  
  3157. .accordion_section h4 { color: #e6e6e6; }
  3158.  
  3159. .accordion_section h4 a { color: #e6e6e6; }
  3160.  
  3161. .no_touch .accordion_section h4 a:hover { color: #e6e6e6; }
  3162.  
  3163. .accordion_section_fixed { border-bottom-color: #222 !important; }
  3164.  
  3165. .pager li > a, .pager li > span { background-color: #222; background-image: none; border-color: #363636; color: #949494; }
  3166.  
  3167. .pager li.previous > a, .pager li.previous > span { background-position: 0; padding-right: 0; text-align: center; }
  3168.  
  3169. .pager li.next > a, .pager li.next > span { background-position: 0; padding-left: 0; text-align: center; }
  3170.  
  3171. .pager .disabled > a, .pager .disabled > span { color: #949494; }
  3172.  
  3173. .pagination ul > li > a, .pagination ul > li > span { background: #363636; border: 1px solid #000; color: #e6e6e6; }
  3174.  
  3175. .pagination ul > li > a:focus { background-color: #000; }
  3176.  
  3177. .pagination ul > .active > a, .pagination ul > .active > span { background-color: #000; }
  3178.  
  3179. .pagination ul > .disabled > span { background: #363636; color: #949494; }
  3180.  
  3181. .pagination ul > .disabled > a { background: #363636; color: #949494; }
  3182.  
  3183. .pagination ul > .disabled > a:focus { background: #363636; color: #c7c7c7; }
  3184.  
  3185. .loading_hash_animation img { display: none; }
  3186.  
  3187. .icon_search_close { color: #949494; }
  3188.  
  3189. .icon_search_close:hover { color: #c7c7c7; }
  3190.  
  3191. .help { border-top-color: #000; color: #949494; }
  3192.  
  3193. .two_factor_option_app, .two_factor_option_sms, .configure-step1, .configure-step3 { display: none; }
  3194.  
  3195. .two_factor_choice { background-color: #363636; border: 1px solid #545454; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  3196.  
  3197. .two_factor_choice:hover { box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15); }
  3198.  
  3199. .two_factor_choice:hover .two_factor_link { color: #e6e6e6; }
  3200.  
  3201. a.two_factor_choice { background-color: #363636; border: 1px solid #545454; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  3202.  
  3203. a.two_factor_choice:link { background-color: #363636; border: 1px solid #545454; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  3204.  
  3205. a.two_factor_choice:hover, a.two_factor_choice:link:hover { box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15); }
  3206.  
  3207. a.two_factor_choice:hover .two_factor_link, a.two_factor_choice:link:hover .two_factor_link { color: #e6e6e6; }
  3208.  
  3209. .backup_codes { background: #000; border-color: #545454; color: #e6e6e6; }
  3210.  
  3211. #channel_specific_settings tr { border-top-color: #222; }
  3212.  
  3213. #channel_specific_settings tr.channel_override_row.muted td { background: rgba(34, 34, 34, 0.5); }
  3214.  
  3215. #channel_specific_settings .extra_left_border { border-left-color: #222; }
  3216.  
  3217. #channel_specific_settings .extra_right_border { border-right-color: #222; }
  3218.  
  3219. #channel_specific_settings .revert_to_default { color: #949494; }
  3220.  
  3221. #channel_specific_settings .revert_to_default:hover { color: #bf360c; }
  3222.  
  3223. .admin_list_item { border-bottom-color: #222; color: #949494; }
  3224.  
  3225. .admin_list_item:hover { background-color: #363636; }
  3226.  
  3227. .admin_list_item .admin_member_full_name, .admin_list_item .admin_member_real_name { color: #e6e6e6; }
  3228.  
  3229. .admin_list_item .admin_member_type, .admin_list_item .admin_member_caret { color: #949494; }
  3230.  
  3231. .admin_list_item .pill.group { background: #424242; }
  3232.  
  3233. .admin_list_item .two_factor_auth_badge:hover { background: #424242; }
  3234.  
  3235. .admin_list_item .inline_email:hover, .admin_list_item .inline_name:hover, .admin_list_item .inline_username:hover { background: none !important; }
  3236.  
  3237. .admin_list_item.invite_item.bouncing { background: #828282; }
  3238.  
  3239. .admin_list_item.invite_item.bouncing .email { color: #bf360c; }
  3240.  
  3241. .admin_list_item.error, .admin_list_item.expanded, .admin_list_item.processing, .admin_list_item.success { background-color: #222; }
  3242.  
  3243. .admin_list_item.expanded .btn_outline { border-color: #222; color: #e6e6e6 !important; }
  3244.  
  3245. .admin_list_item.expanded .btn_outline:hover { border-color: #363636; color: #e6e6e6 !important; }
  3246.  
  3247. .admin_list_item.expanded .sub_action { color: #949494; }
  3248.  
  3249. .admin_list_item.expanded .sub_action:hover { color: #c7c7c7; }
  3250.  
  3251. @media screen and (max-width: 768px) { .admin_list_item.expanded .sub_action + .sub_action:hover::before, .admin_list_item.expanded .sub_action + .sub_action:hover::after { color: #949494; } }
  3252.  
  3253. .billing_selection { border-color: #000; color: #e6e6e6 !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  3254.  
  3255. .billing_selection:hover { border-color: #828282; }
  3256.  
  3257. .billing_selection.active { background: #545454; border-color: #828282; }
  3258.  
  3259. .billing_selection.billing_selection--refactor { border-color: #545454; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  3260.  
  3261. .billing_selection.billing_selection--refactor:hover { border-color: #828282; }
  3262.  
  3263. .billing_selection.billing_selection--refactor.active { background: #545454; border-color: #828282; }
  3264.  
  3265. .billing_selection .billing_selection__price { color: #e6e6e6; }
  3266.  
  3267. #billing_contacts_container { background: #363636; border-top: 1px solid #000; }
  3268.  
  3269. .billing_contact { border-bottom: 1px solid #222; }
  3270.  
  3271. table.billing tr:hover td { background: #363636; }
  3272.  
  3273. .link_billing_statement { color: #e6e6e6 !important; }
  3274.  
  3275. .link_invoice_id, .link_statement_id { color: #949494 !important; }
  3276.  
  3277. .billing_invoice tbody tbody tr { color: #e6e6e6 !important; }
  3278.  
  3279. .billing_settings_label_name { color: #e6e6e6; }
  3280.  
  3281. table tr { border-bottom-color: #222; }
  3282.  
  3283. table tr:first-child th:not(:only-of-type) { border-bottom-color: #000; }
  3284.  
  3285. .slackbot_response_fieldset .delete_response { color: #949494; }
  3286.  
  3287. .slackbot_response_fieldset .delete_response:hover { color: #bf360c; }
  3288.  
  3289. .author_cell { color: #e6e6e6; }
  3290.  
  3291. .message_cell.disabled { color: #949494; }
  3292.  
  3293. #message_container #msg_limit { color: #e6e6e6; }
  3294.  
  3295. .statuses_container .current_status_cell .current_status_container .current_status_cover, .statuses_container .current_status_cell .current_status_container:not(.active).with_status_set .current_status_cover { border-color: #545454; }
  3296.  
  3297. .statuses_container .current_status_cell .current_status_container .current_status_emoji_picker_cover, .statuses_container .current_status_cell .current_status_container:not(.active).with_status_set .current_status_emoji_picker_cover { border-right: 1px solid #545454; }
  3298.  
  3299. .inactive { background-image: none; }
  3300.  
  3301. .c3 line, .c3 path { stroke: #828282; }
  3302.  
  3303. .c3-chart-arc .c3-gauge-value { fill: #828282; }
  3304.  
  3305. .c3-chart-arc path { stroke: #363636; }
  3306.  
  3307. .c3-chart-arc text { fill: #363636; }
  3308.  
  3309. .c3-chart-arcs .c3-chart-arcs-background { fill: #545454; }
  3310.  
  3311. .c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #363636; }
  3312.  
  3313. .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #828282; }
  3314.  
  3315. .c3-circle._expanded_ { stroke: #363636; }
  3316.  
  3317. .c3-grid line { stroke: #828282; }
  3318.  
  3319. .c3-grid text { fill: #e6e6e6; }
  3320.  
  3321. .c3-legend-background { fill: #363636; stroke: #545454; }
  3322.  
  3323. .c3-region { fill: #545454; }
  3324.  
  3325. .c3-selected-circle { fill: #363636; }
  3326.  
  3327. .c3-tooltip { background-color: #363636; box-shadow: 7px 7px 12px -9px rgba(0, 0, 0, 0.5); }
  3328.  
  3329. .c3-tooltip td { background-color: #363636; border-left-color: #545454; }
  3330.  
  3331. .c3-tooltip th { background-color: #363636; color: #e6e6e6; }
  3332.  
  3333. .c3-tooltip tr { border-color: #545454; }
  3334.  
  3335. .ent_alert a { color: #949494; }
  3336.  
  3337. .ent_alert a:link, .ent_alert a:visited { color: #c7c7c7; }
  3338.  
  3339. .ent_alert_page.ent_alert_error { background: #bf360c; }
  3340.  
  3341. .ent_alert_page.ent_alert_success { background: #0cbf72; }
  3342.  
  3343. .ent_analytics__disclaimer { border-top-color: #828282; color: #949494; }
  3344.  
  3345. .ent_analytics_overview__header { box-shadow: 0 1px rgba(0, 0, 0, 0.25); }
  3346.  
  3347. .ent_avatar--bordered::before { box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); }
  3348.  
  3349. .ent_avatar { background-color: #545454; }
  3350.  
  3351. .ent_callout__difference--increase { color: #0cbf72; }
  3352.  
  3353. .ent_callout__icon_border { background-color: #363636; border-color: #828282; }
  3354.  
  3355. .ent_callout__icon_image, .ent_callout__icon--filled { border-color: #828282; }
  3356.  
  3357. .ent_callout__icon--empty, .ent_callout__icon--hidden { border-color: #545454; }
  3358.  
  3359. .ent_callout__icon--limit_reached { border-color: #828282; }
  3360.  
  3361. .ent_callout__insight { color: #949494; }
  3362.  
  3363. .ent_callout__limit { color: #949494; }
  3364.  
  3365. .ent_callout__meter_bar_container { background: #222; }
  3366.  
  3367. .ent_callout__meter_bar_border { border-color: #222; }
  3368.  
  3369. .ent_callout__meter_bar_fill--empty { background: #828282; border-color: #828282; }
  3370.  
  3371. .ent_callout__meter_bar_fill--filled { background: #828282; border-color: #828282; }
  3372.  
  3373. .ent_callout__meter_bar_fill--limit_reached { background: #bf360c; border-color: #bf360c; }
  3374.  
  3375. .ent_callout__meter_bar_gleam { background: rgba(130, 130, 130, 0.5); }
  3376.  
  3377. .ent_callout__title { color: #e6e6e6; }
  3378.  
  3379. .ent_copy_muted { color: #949494; }
  3380.  
  3381. .ent_copy { color: #e6e6e6; }
  3382.  
  3383. .ent_csv_popover__footer_text { color: #949494; }
  3384.  
  3385. .ent_csv_popover__footer { background: #363636; border-top-color: #828282; }
  3386.  
  3387. .ent_csv_popover__subtitle { color: #949494; }
  3388.  
  3389. .ent_csv_popover__title { color: #e6e6e6; }
  3390.  
  3391. .ent_data_table__cell--header { color: #949494; }
  3392.  
  3393. .ent_data_table__cell--positive { color: #e6e6e6; }
  3394.  
  3395. .ent_data_table__cell--sortable:hover { background-color: #363636; }
  3396.  
  3397. .ent_data_table__cell--sorting { color: #949494; }
  3398.  
  3399. .ent_data_table__cell { border-bottom-color: #828282; color: #e6e6e6; }
  3400.  
  3401. .ent_data_table__column_group--pinned .ent_data_table__row, .ent_data_table__column_group--right_border { border-right-color: #828282; }
  3402.  
  3403. .ent_data_table__column_group { background-color: #363636; }
  3404.  
  3405. .ent_data_table__data_link, a.ent_data_table__data_link { color: #e6e6e6; }
  3406.  
  3407. .ent_data_table__row--hovered { background-color: #222; }
  3408.  
  3409. .ent_data_table__scrollable--left_shadow::before { box-shadow: inset -14px 0 14px -14px transparent, inset 14px 0 14px -14px rgba(0, 0, 0, 0.25); }
  3410.  
  3411. .ent_data_table__scrollable--left_shadow.ent_data_table__scrollable--right_shadow::before { box-shadow: inset -14px 0 14px -14px rgba(0, 0, 0, 0.25), inset 14px 0 14px -14px rgba(0, 0, 0, 0.25); }
  3412.  
  3413. .ent_data_table__scrollable--right_shadow::before { box-shadow: inset -14px 0 14px -14px rgba(0, 0, 0, 0.25), inset 14px 0 14px -14px transparent; }
  3414.  
  3415. .ent_data_table__secondary_text { color: #949494; }
  3416.  
  3417. .ent_data_table__thead, .ent_data_table--empty_state_wrapper { background-color: #363636; }
  3418.  
  3419. .ent_data_table--fix_borders .ent_data_table__row, .ent_data_table--fix_borders .ent_data_table__thead { border-bottom-color: #828282; }
  3420.  
  3421. .ent_data_table--rounded_top { border-top-color: #828282; }
  3422.  
  3423. .ent_data_table { border-bottom-color: #828282; border-left-color: #828282; border-right-color: #828282; }
  3424.  
  3425. .ent_empty_state_overlay__content_heading, .ent_empty_state_overlay__content_main_heading { color: #e6e6e6; }
  3426.  
  3427. .ent_graph__data_summary_date_label, .ent_graph__data_summary_point::after { color: #949494; }
  3428.  
  3429. .ent_graph__legend_item--defocus { fill: #949494 !important; }
  3430.  
  3431. .ent_graph__legend_text { fill: #e6e6e6; }
  3432.  
  3433. .ent_graph__svg_container .c3-axis path { stroke: #828282; }
  3434.  
  3435. .ent_graph__svg_container .c3-grid line { stroke: #828282; }
  3436.  
  3437. .ent_graph__svg_container .c3-grid .ent_xgrid_month_divider line, .ent_graph__svg_container .c3-grid .ent_xgrid_week_divider line, .ent_graph__svg_container .c3-grid .ent_xgrid_year_divider line { stroke: #828282; }
  3438.  
  3439. .ent_graph__svg_container .c3-tooltip { border-color: #828282; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); }
  3440.  
  3441. .ent_graph__svg_container .c3-tooltip td, .ent_graph__svg_container .c3-tooltip th, .ent_graph__svg_container .c3-tooltip tr { background-color: #363636; color: #e6e6e6; }
  3442.  
  3443. .ent_graph__svg_container .c3-tooltip th { border-bottom-color: #828282; }
  3444.  
  3445. .ent_graph__svg_container .c3-xgrid-focus line { stroke: #949494; }
  3446.  
  3447. .ent_graph__svg_container .ent_graph__point:not(._expanded_) { fill: #363636 !important; }
  3448.  
  3449. .ent_graph__svg_container .ent_graph__point._expanded_ { stroke: #363636 !important; }
  3450.  
  3451. .ent_graph__svg_container text { fill: #949494; }
  3452.  
  3453. .ent_graph__tooltip { color: #949494; }
  3454.  
  3455. .ent_graph_empty__overlay { background: #363636; }
  3456.  
  3457. .ent_graph_empty__text { color: #e6e6e6; }
  3458.  
  3459. .ent_graph_header--primary { color: #e6e6e6; }
  3460.  
  3461. .ent_graph_header--secondary { color: #949494; }
  3462.  
  3463. .ent_graph_tabs__tab--selected { color: #e6e6e6; }
  3464.  
  3465. .ent_graph_tabs__tab--selected_ent_violet::after, .ent_graph_tabs__tab--selected_fill_blue::after, .ent_graph_tabs__tab--selected_seafoam_green::after { background-color: #828282; }
  3466.  
  3467. .ent_graph_tabs__tab { color: #949494; }
  3468.  
  3469. .ent_graph_tabs { border-bottom-color: #828282; }
  3470.  
  3471. .ent_header { color: #e6e6e6; }
  3472.  
  3473. .ent_icon_button { color: #949494; }
  3474.  
  3475. .ent_icon_button:hover { color: #e6e6e6; }
  3476.  
  3477. .ent_infographic_container { border-top-color: #828282; }
  3478.  
  3479. .ent_loading__overlay { background-image: linear-gradient(to bottom, rgba(54, 54, 54, 0.8), #363636); }
  3480.  
  3481. .ent_modal__title--small { color: #e6e6e6; }
  3482.  
  3483. .ent_modal_background { background-color: #222; }
  3484.  
  3485. .ent_modal_breadcrumb_animated_step { background: #545454; }
  3486.  
  3487. .ent_modal_breadcrumb_circle_icon { background: #222; }
  3488.  
  3489. .ent_modal_breadcrumb_line { background: #545454; }
  3490.  
  3491. .ent_modal_breadcrumb_text { color: #949494; }
  3492.  
  3493. .ent_modal_footer { background-color: #363636; }
  3494.  
  3495. .ent_modal_title { color: #e6e6e6; }
  3496.  
  3497. .ent_table__header--title { color: #e6e6e6; }
  3498.  
  3499. .ent_table__header { background-color: #222; border-color: #828282; }
  3500.  
  3501. .ent_table_banner__contents { background: #222; border-top-color: #828282; box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.15); }
  3502.  
  3503. .ent_table_banner__header { color: #e6e6e6; }
  3504.  
  3505. .ent_table_banner__secondary_text { color: #949494; }
  3506.  
  3507. .ent_table_customizer__header_subtitle { color: #949494; }
  3508.  
  3509. .ent_table_customizer_disabled_list_header { color: #949494; }
  3510.  
  3511. .ent_table_customizer_footer { background-color: #222; border-top-color: #000; color: #949494; }
  3512.  
  3513. .ent_table_customizer_header { border-bottom-color: #222; }
  3514.  
  3515. .ent_table_customizer_list_item--disabled { color: #949494; }
  3516.  
  3517. .ent_updated_at { color: #949494; }
  3518.  
  3519. .enterprise { background-color: #363636; }
  3520.  
  3521. .enterprise .btn.candy_red { color: #bf360c !important; }
  3522.  
  3523. .enterprise_analytics { background-color: #363636; }
  3524.  
  3525. .enterprise_org { background-color: #363636; }
  3526.  
  3527. .enterprise_search_bar .ent_clear_search_icon { color: #949494; }
  3528.  
  3529. .enterprise_search_bar::before { color: #e6e6e6; }
  3530.  
  3531. @keyframes color_fade { from { color: #949494; }
  3532. to { color: #e6e6e6; } }
  3533.  
  3534. .file_header .title a { color: #949494; }
  3535.  
  3536. .file_header .title a:hover { color: #c7c7c7; }
  3537.  
  3538. .file_actions_cog { color: #949494 !important; }
  3539.  
  3540. .file_actions_cog:hover { color: #c7c7c7 !important; }
  3541.  
  3542. .file_reference .icon, .file_list_item .icon, .file_preview { border: 2px solid #000; }
  3543.  
  3544. .action_cog { color: #949494; }
  3545.  
  3546. .action_cog i { color: #949494; }
  3547.  
  3548. html.no_touch .action_cog:hover { color: #c7c7c7; }
  3549.  
  3550. html.no_touch .action_cog:hover i { color: #c7c7c7; }
  3551.  
  3552. .help_pages.help_pages p { color: #e6e6e6; }
  3553.  
  3554. .help_pages.help_pages a { border-bottom-color: #545454; }
  3555.  
  3556. .help_pages.help_pages .o-hero, .help_pages.help_pages .o-hero__header { background-color: #222; }
  3557.  
  3558. .help_pages.help_pages .o-hero__header { color: #e6e6e6; }
  3559.  
  3560. .help_pages.help_pages .o-section--feature { background-color: #363636; border-top-color: #545454; }
  3561.  
  3562. .help_pages.help_pages .c-form__container .c-form__feedback { color: #bf360c; }
  3563.  
  3564. .help_pages.help_pages .c-form__input, .help_pages.help_pages .c-input { background-color: #222; border-color: #545454; color: #e6e6e6; }
  3565.  
  3566. .help_pages.help_pages .drop_zone { background: #222; border-color: #828282; }
  3567.  
  3568. .help_pages.help_pages .drop_zone_attachment { border-bottom-color: #545454; }
  3569.  
  3570. .help_pages.help_pages .drop_zone_remove_attachment { background-color: #222; }
  3571.  
  3572. .help_pages.help_pages .c-form__notice { background-color: #545454; border-color: #828282; color: #e6e6e6; }
  3573.  
  3574. .help_pages.help_pages .c-form__notice.is-error { border-left-color: #bf360c; }
  3575.  
  3576. .help_pages.help_pages .c-nav--footer { border-top-color: #545454; }
  3577.  
  3578. @media screen and (min-width: 48rem) { .help_pages.help_pages .o-hero { background-color: #222; } }
  3579.  
  3580. .widescreen:not(.nav_open) { color: #e6e6e6; }
  3581.  
  3582. @media only screen and (min-width: 1441px) { .widescreen:not(.nav_open) nav#site_nav { background: rgba(34, 34, 34, 0.9); } }
  3583.  
  3584. .widescreen:not(.nav_open) nav#site_nav h3 { color: #e6e6e6; }
  3585.  
  3586. .widescreen:not(.nav_open) nav#site_nav ul a { color: #949494; }
  3587.  
  3588. .widescreen:not(.nav_open) nav#site_nav ul a:link, .widescreen:not(.nav_open) nav#site_nav ul a:visited, .widescreen:not(.nav_open) nav#site_nav ul a:hover, .widescreen:not(.nav_open) nav#site_nav ul a:active { color: #c7c7c7; }
  3589.  
  3590. .widescreen:not(.nav_open) nav#site_nav #user_menu_name { color: #949494; }
  3591.  
  3592. nav#site_nav { background: #363636; }
  3593.  
  3594. nav#site_nav #user_menu_contents:hover { background: #222; color: #e6e6e6; }
  3595.  
  3596. header { background: #363636; }
  3597.  
  3598. header #header_team_nav li a { color: #e6e6e6; }
  3599.  
  3600. header #header_team_nav li a:hover { background: #222; color: #e6e6e6; }
  3601.  
  3602. header #header_team_nav li a .team_icon.ts_icon_plus { background: #000; color: #949494; }
  3603.  
  3604. header #header_team_nav #add_team_option { border-top: 1px solid #000; }
  3605.  
  3606. html.no_touch header #header_team_nav li a { color: #e6e6e6; }
  3607.  
  3608. html.no_touch header #header_team_nav li a:hover { background: #222; color: #e6e6e6; }
  3609.  
  3610. html.no_touch header #header_team_name a:hover, html.no_touch header #menu_toggle:hover { color: #c7c7c7; }
  3611.  
  3612. html.no_touch header .header_btns a:hover { color: #c7c7c7; }
  3613.  
  3614. html.no_touch header .header_btns a:hover .label { color: #949494; }
  3615.  
  3616. nav#site_nav h3, #header_team_name, header #header_team_name a { color: #949494; }
  3617.  
  3618. nav#site_nav #footer_nav a, #header_team_name:hover .fa-caret-down, .widescreen:not(.nav_open) nav#site_nav #footer_nav a { color: #c7c7c7; }
  3619.  
  3620. #home_footer a { color: #c7c7c7; }
  3621.  
  3622. .admin_pref:not(:first-of-type) { border-top-color: #222; }
  3623.  
  3624. .admin_pref.locked { background-color: rgba(191, 54, 12, 0.2); }
  3625.  
  3626. .admin_pref .admin_pref_locked_label { color: #949494; }
  3627.  
  3628. .tooltip-inner { background-color: #828282; color: #e6e6e6; }
  3629.  
  3630. .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow { border-top-color: #828282; }
  3631.  
  3632. .tooltip.right .tooltip-arrow { border-right-color: #828282; }
  3633.  
  3634. .tooltip.left .tooltip-arrow { border-left-color: #828282; }
  3635.  
  3636. .tooltip.bottom .tooltip-arrow { border-bottom-color: #828282; }
  3637.  
  3638. .api #header_logo img { display: none; }
  3639.  
  3640. body.api header .header_links a { color: #e6e6e6; }
  3641.  
  3642. body.api header .header_links a.active { background: #545454; }
  3643.  
  3644. body.api .reverse_header { background-color: #000; color: #e6e6e6; }
  3645.  
  3646. body.api pre { overflow-x: auto; }
  3647.  
  3648. body.api pre code { color: #e6e6e6; }
  3649.  
  3650. body.api #page_contents .card { background: #363636; }
  3651.  
  3652. body.api .scopes_to_methods code { color: #e6e6e6; }
  3653.  
  3654. body.api .scopes_to_methods .selected code { color: #bf360c; }
  3655.  
  3656. body.api .scopes_to_methods li { color: #e6e6e6; }
  3657.  
  3658. body.api .scopes_to_methods .selected li { color: #e6e6e6; }
  3659.  
  3660. body.api .section_title { border-bottom: 2px solid #222; }
  3661.  
  3662. body.api .example { border: 1px solid #000; }
  3663.  
  3664. body.api .example h5 { background-color: #000; color: #e6e6e6; }
  3665.  
  3666. body.api .alert { background: #545454; }
  3667.  
  3668. body.api .hljs { background-image: none; }
  3669.  
  3670. body.api .hljs-keyword, body.api .hljs-selector-tag, body.api .hljs-subst { color: #ce93d8; }
  3671.  
  3672. body.api .hljs-number { color: #a5d6a7; }
  3673.  
  3674. body.api .hljs-literal, body.api .hljs-tag .hljs-attr { color: #536dfe; }
  3675.  
  3676. body.api .hljs-variable { color: #9fa8da; }
  3677.  
  3678. body.api .hljs-template-variable { color: #c5e1a5; }
  3679.  
  3680. body.api .hljs-comment { color: #ffcc80; }
  3681.  
  3682. body.api .hljs-doctag, body.api .hljs-string { color: #ef9a9a; }
  3683.  
  3684. body.api .hljs-section, body.api .hljs-selector-id, body.api .hljs-title { color: #ffab91; }
  3685.  
  3686. body.api .hljs-meta { color: #eee; }
  3687.  
  3688. body.api .hljs-class .hljs-title, body.api .hljs-type { color: #eee; }
  3689.  
  3690. body.api .hljs-built_in, body.api .hljs-builtin-name { color: #b39ddb; }
  3691.  
  3692. body.api .hljs-tag { color: #a5d6a7; }
  3693.  
  3694. body.api .hljs-attribute, body.api .hljs-name { color: #40c4ff; }
  3695.  
  3696. body.api .hljs-bullet, body.api .hljs-symbol { color: #9fa8da; }
  3697.  
  3698. body.api .hljs-quote { color: #b0bec5; }
  3699.  
  3700. body.api .hljs-link, body.api .hljs-regexp { color: #949494; }
  3701.  
  3702. body.api span.btn { background-color: #222; }
  3703.  
  3704. body.api span.deprecation, body.api span.warning { background-color: #bf360c; border-color: #bf360c; }
  3705.  
  3706. nav#api_nav { background: transparent; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  3707.  
  3708. #api_nav .footer_nav a { color: #949494; }
  3709.  
  3710. #api_nav .footer_nav a:hover { color: #c7c7c7; }
  3711.  
  3712. #api_nav .footer_nav .footer_signature { color: #bf360c; }
  3713.  
  3714. .api_articles .api_articles_section { border-bottom-color: #222; }
  3715.  
  3716. .api_articles .article_tag_count { color: #949494; }
  3717.  
  3718. .api.feature_related_content #api_related_content h2 { color: #e6e6e6; }
  3719.  
  3720. .api.feature_related_content #api_related_content .article_link_title_wrapper { color: #949494; }
  3721.  
  3722. .tab_menu { background-color: #363636; }
  3723.  
  3724. .tab_menu.grey { background-color: #363636; }
  3725.  
  3726. .tab_menu .tab { color: #e6e6e6; }
  3727.  
  3728. .tab_menu .tab:hover { box-shadow: inset 0 -4px 0 0 rgba(191, 54, 12, 0.4); }
  3729.  
  3730. .tab_menu .tab.active, .tab_menu .tab:active, .tab_menu .tab:focus { box-shadow: inset 0 -4px 0 0 #bf360c; color: #e6e6e6; }
  3731.  
  3732. .tab_menu .tab:disabled { color: #949494; }
  3733.  
  3734. .page_faq h3, .page_scim h3 { background-color: #222; }
  3735.  
  3736. .application_config aside { color: #949494; }
  3737.  
  3738. .page_apps_directory_home { background-color: #222 !important; }
  3739.  
  3740. .page_apps_directory_home .nav_title { color: #e6e6e6 !important; }
  3741.  
  3742. .page_apps_directory_home__search .apps_search_input::placeholder, .page_apps_directory_home__search .apps_search_input:focus::placeholder { color: #949494; }
  3743.  
  3744. .page_apps_directory_home__search .apps_search_input__body { box-shadow: 0 1px 10px #828282; }
  3745.  
  3746. .splash_container__background { background-color: #363636; }
  3747.  
  3748. .splash_container__background--left, .splash_container__background--center, .splash_container__background--right { display: none; }
  3749.  
  3750. .splash_interactive__button { border-color: #545454; }
  3751.  
  3752. .splash_interactive__button--active { box-shadow: 0 0 10px 1px #828282; }
  3753.  
  3754. .splash_interactive__window { background-color: #222; border-color: #545454; }
  3755.  
  3756. .splash_interactive__window:hover .splash_interactive__window_headline { color: #e6e6e6; }
  3757.  
  3758. .splash_interactive__window::after { background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0, #222 100%); }
  3759.  
  3760. .splash_interactive__window_response { background-color: #fff; }
  3761.  
  3762. a.splash_interactive__window_link { color: #e6e6e6; }
  3763.  
  3764. .splash_interactive__window_message_content_text--drive { color: #949494; }
  3765.  
  3766. .search_input.apps_search_input { border-color: #828282; }
  3767.  
  3768. .menu_launcher, .menu_launcher_large { background-color: #545454; border-color: #222 !important; color: #e6e6e6; }
  3769.  
  3770. .menu_launcher_large { border-color: #222; }
  3771.  
  3772. .menu.avatar_menu ul li:hover ts-icon { background: #545454; color: #e6e6e6; }
  3773.  
  3774. .menu.avatar_menu ul li a { color: #e6e6e6; }
  3775.  
  3776. .menu.avatar_menu ul li a img, .menu.avatar_menu ul li a ts-icon { background-color: #545454; color: #949494; }
  3777.  
  3778. .menu.avatar_menu:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon { color: #e6e6e6; }
  3779.  
  3780. #page .media_list { background-color: #363636; border: 1px solid #545454; }
  3781.  
  3782. #page .media_list > li + li::before { border-top-color: #545454; }
  3783.  
  3784. #page .media_list > li.interactive a { color: #e6e6e6; }
  3785.  
  3786. #page .media_list > li.interactive a:focus, #page .media_list > li.interactive a:hover { background: #545454; border-color: #828282; }
  3787.  
  3788. #page .media_list > li .media_list_text { color: #e6e6e6; }
  3789.  
  3790. #page .media_list.media_list_with_arrows a::before { color: #949494; }
  3791.  
  3792. #page .media_list_title { color: #e6e6e6; }
  3793.  
  3794. #page .media_list_subtitle { color: #949494; }
  3795.  
  3796. #page .sidebar_menu_list_item { color: #e6e6e6; }
  3797.  
  3798. #page .sidebar_menu_list_item.is_active { background-color: #222; border-color: #222; color: #e6e6e6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  3799.  
  3800. #page .sidebar_menu_list_item.is_active a { color: #e6e6e6; }
  3801.  
  3802. #page .sidebar_menu_list_item:not(.is_active):hover { background-color: #222; border-color: #222; }
  3803.  
  3804. #page .sidebar_menu_list_item a { color: #e6e6e6; }
  3805.  
  3806. #page ul.breadcrumbs li { color: #949494; }
  3807.  
  3808. #page ul.breadcrumbs li:not(:first-child)::before { color: #949494; }
  3809.  
  3810. #page ul.navigation_list li a { color: #e6e6e6; }
  3811.  
  3812. #page ul.navigation_list li a:hover { background-color: #545454; }
  3813.  
  3814. #page ul.navigation_list li a::after { color: #e6e6e6; }
  3815.  
  3816. #page ul.navigation_list li + li a { border-top: 1px solid transparent; }
  3817.  
  3818. #page .tag { background-color: #000; border: 1px solid #363636; }
  3819.  
  3820. #page .tag:hover { background-color: #545454 !important; }
  3821.  
  3822. #page .app_desc_btn { background-color: #545454; color: #e6e6e6; }
  3823.  
  3824. #page .app_desc_expand_showing .app_profile_desc_fade { background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0, #222 100%); }
  3825.  
  3826. #page .service_panel { background-color: #363636; }
  3827.  
  3828. #page .service_card { background-color: #222; border: 1px solid #424242; }
  3829.  
  3830. .app_card, .large_app_card { background-color: #222; border: 1px solid #363636; }
  3831.  
  3832. nav.top.persistent ul a { color: #e6e6e6; }
  3833.  
  3834. nav.top.apps_nav { background: transparent; }
  3835.  
  3836. nav.top.apps_nav.persistent .nav_title { border-color: #828282; }
  3837.  
  3838. nav.top.apps_nav.clear_nav .nav_title a { color: #e6e6e6; }
  3839.  
  3840. nav.top.apps_nav .nav_title a { color: #e6e6e6; }
  3841.  
  3842. nav.top.apps_nav ul a.active { color: #c7c7c7; }
  3843.  
  3844. .plastic_typeahead { background: #363636; border: 1px solid #363636; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); }
  3845.  
  3846. .plastic_typeahead_item { color: #e6e6e6; }
  3847.  
  3848. .plastic_typeahead_item + .plastic_typeahead_item { border-top: 1px solid #545454; }
  3849.  
  3850. .plastic_typeahead_item:not(.plastic_typeahead_item_no_results).is_active { background-color: #222; border-top-color: #363636; color: #e6e6e6; }
  3851.  
  3852. .plastic_typeahead_item:not(.plastic_typeahead_item_no_results).is_active ts-icon { color: #949494; }
  3853.  
  3854. .plastic_typeahead_item:not(.plastic_typeahead_item_no_results):not(.is_active):hover { background: #000; border-color: #545454; }
  3855.  
  3856. .plastic_typeahead_item:not(.plastic_typeahead_item_no_results):not(.is_active):hover + .plastic_typeahead_item { border-color: #545454; }
  3857.  
  3858. a.plastic_typeahead_item { color: #e6e6e6; }
  3859.  
  3860. .apps_typeahead_item_media { background: #000; }
  3861.  
  3862. .search_input_container .search_input:focus ~ .icon_search_input { color: #e6e6e6; }
  3863.  
  3864. .icon_search_input { color: #949494; }
  3865.  
  3866. .quote_block { color: #e6e6e6; }
  3867.  
  3868. .quote_block::before { background-color: #545454; }
  3869.  
  3870. .well { background: #000; border-color: black; color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  3871.  
  3872. .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; }
  3873.  
  3874. .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; }
  3875.  
  3876. .c-tabs__tab { color: #949494; }
  3877.  
  3878. .c-tabs__tab:hover { color: #e6e6e6; }
  3879.  
  3880. .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #828282; color: #e6e6e6; }
  3881.  
  3882. .c-tabs__tab_menu--plastic { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; }
  3883.  
  3884. a.c-tabs__tab--plastic { color: #949494; }
  3885.  
  3886. a.c-tabs__tab--plastic:hover { color: #e6e6e6; }
  3887.  
  3888. a.c-tabs__tab--plastic.c-tabs__tab--active, a.c-tabs__tab--plastic:active, a.c-tabs__tab--plastic:focus { box-shadow: inset 0 -2px 0 0 #828282; color: #e6e6e6; }
  3889.  
  3890. .p-detail_scope { box-shadow: inset 0 1px 0 0 #545454; }
  3891.  
  3892. .p-detail_scope:last-child { border-bottom-color: #545454; }
  3893.  
  3894. .p-detail_dangerous_scope { border-left-color: #bf360c; border-right-color: #545454; }
  3895.  
  3896. .p-detail_arrow_icon { color: #949494; }
  3897.  
  3898. .p-detail_arrow_icon:hover { color: #e6e6e6; }
  3899.  
  3900. .p-detail_permissions { background: #363636; border-color: #545454; }
  3901.  
  3902. table.gray_header_border tr:first-child th:not(:only-of-type) { border-bottom-color: #545454; }
  3903.  
  3904. .section_rollup { border-bottom-color: #222; }
  3905.  
  3906. .section_rollup:first-of-type { border-top-color: #222; }
  3907.  
  3908. .section_rollup:hover:not(.is_active) { background: rgba(34, 34, 34, 0.5); color: #e6e6e6; }
  3909.  
  3910. .is_completed_section .section_rollup_header::before, .is_failed_section .section_rollup_header::before { background-color: #0cbf72; color: #000; }
  3911.  
  3912. .developer_apps_functionality_link:hover { border-color: #545454; box-shadow: 0 0 6px 0 rgba(130, 130, 130, 0.25); }
  3913.  
  3914. .developer_apps_functionality_link::before { background-color: #545454; }
  3915.  
  3916. .developer_apps_functionality_link_enabled::before { background-color: #0cbf72; }
  3917.  
  3918. .legal-hero { background-color: #222; }
  3919.  
  3920. .legal-hero.v--no-switch, .legal-hero .o-hero__header { background-color: #222; }
  3921.  
  3922. .legal-hero .o-hero__header__headline--larger { color: #e6e6e6; }
  3923.  
  3924. .legal-main { background-color: #363636; }
  3925.  
  3926. .legal-main.v--no-switch { background-color: #363636; border-bottom-color: #545454; border-top-color: #545454; }
  3927.  
  3928. .legal-main p { color: #e6e6e6; }
  3929.  
  3930. .legal-main a { border-bottom-color: #545454; }
  3931.  
  3932. @media screen and (min-width: 67.8125rem) { .legal-main .c-nav--sidebar__listheader { color: #e6e6e6; }
  3933. .legal-main .c-nav--sidebar__listitem a.is-selected { color: #949494; } }
  3934.  
  3935. .legal-main .t-contains-subtle-links a:not(.c-button) { color: #e6e6e6; }
  3936.  
  3937. .legal-main .t-contains-subtle-links a:not(.c-button):active, .legal-main .t-contains-subtle-links a:not(.c-button):focus, .legal-main .t-contains-subtle-links a:not(.c-button):hover { color: #949494; }
  3938.  
  3939. @media screen and (min-width: 67.8125rem) { .t-no-header .legal-main { background-color: #363636; } }
  3940.  
  3941. .t-no-header .legal-hero.o-hero.v--short { background-color: #363636; }
  3942.  
  3943. .c-oauth_scope_info__spacer_icon { color: #bf360c; }
  3944.  
  3945. .c-oauth_scope_info__dangerous_scopes, .c-oauth_scope_info__safe_scopes { border-bottom-color: #545454; }
  3946.  
  3947. .c-oauth_scope_info__dangerous_scopes { border-left-color: #bf360c; border-right-color: #545454; border-top-color: #545454; }
  3948.  
  3949. .c-oauth_scope_info__dangerous_scope:not(:first-child), .c-oauth_scope_info__safe_scope { border-top-color: #545454; }
  3950.  
  3951. a.p-oauth_nav__anchor { color: #949494; }
  3952.  
  3953. .p-oauth_nav__team-switcher .menu_launcher { border-color: #363636; }
  3954.  
  3955. .p-oauth_nav__team-switcher .menu_launcher:hover { border: #545454; }
  3956.  
  3957. .p-oauth_page, .p-oauth_page--error { background: #222; }
  3958.  
  3959. .p-oauth_page__title { color: #e6e6e6; }
  3960.  
  3961. .p-oauth_page_single_channel_picker { border-bottom-color: #363636; }
  3962.  
  3963. ts-rocket { color: #e6e6e6; }
  3964.  
  3965. ts-rocket a { color: #949494; }
  3966.  
  3967. ts-rocket a caret::before { background-color: #363636; border-color: #363636; }
  3968.  
  3969. ts-rocket hr { border-color: #363636; }
  3970.  
  3971. ts-rocket code, ts-rocket .pre.text, ts-rocket > div > pre { background-color: #000; }
  3972.  
  3973. ts-rocket .blockquote.text::before, ts-rocket > div > blockquote::before { background-color: #000; }
  3974.  
  3975. ts-rocket .cl.text { background-color: #000; border-bottom: 1px solid #363636; }
  3976.  
  3977. ts-rocket .cl.text .checkbox.checked + li { color: #949494; }
  3978.  
  3979. ts-rocket > div > .checklist { background-color: #000; border-bottom: 1px solid #363636; }
  3980.  
  3981. ts-rocket > div > .checklist .checkbox.checked + li { color: #949494; }
  3982.  
  3983. ts-rocket > div > .checklist li::before { background: #363636; }
  3984.  
  3985. ts-rocket > div > .checklist li.checked { color: #949494; }
  3986.  
  3987. ts-rocket .unfurl .unfurl-container { background-color: #000; }
  3988.  
  3989. ts-rocket .unfurl .unfurl-container.unfurl-render-failed { background-color: rgba(191, 54, 12, 0.1); }
  3990.  
  3991. ts-rocket .unfurl .attachment_bar { background-color: #363636 !important; }
  3992.  
  3993. ts-rocket .unfurl .unfurl-remove::before { color: #949494; }
  3994.  
  3995. ts-rocket .unfurl .unfurl-remove:hover::before { color: #e6e6e6; }
  3996.  
  3997. ts-rocket .unfurl.selected .unfurl-container { background-color: rgba(130, 130, 130, 0.5); }
  3998.  
  3999. ts-rocket .unfurl.selected .unfurl-container .attachment_bar { background-color: rgba(130, 130, 130, 0.5) !important; }
  4000.  
  4001. ts-rocket caret::before { background-color: #363636; border: 1px solid #363636; }
  4002.  
  4003. ts-rocket carriage { background-color: rgba(130, 130, 130, 0.5); }
  4004.  
  4005. ts-rocket selection { background-color: rgba(130, 130, 130, 0.5); }
  4006.  
  4007. ts-rocket selection::after, ts-rocket selection::before { background-color: rgba(130, 130, 130, 0.5); }
  4008.  
  4009. ts-rocket ime { background-color: rgba(130, 130, 130, 0.5); }
  4010.  
  4011. ts-rocket .hr.selected hr { box-shadow: 0 0 0 5px rgba(130, 130, 130, 0.5); }
  4012.  
  4013. .focusing_input_field space.inactive .unfurl.selected .unfurl-container { background-color: #000; }
  4014.  
  4015. nav { background: #363636; }
  4016.  
  4017. nav .space { background-color: #363636; box-shadow: 0 1px rgba(0, 0, 0, 0.25), 0 2px rgba(0, 0, 0, 0.15), 0 3px rgba(0, 0, 0, 0.15); }
  4018.  
  4019. nav .space::after { border-left: 1px solid #545454; }
  4020.  
  4021. nav .comments { background-color: #363636; }
  4022.  
  4023. nav .space_buttons .btn_outline { background-color: #424242; }
  4024.  
  4025. nav .space_buttons .btn_outline::after { border-color: #545454; }
  4026.  
  4027. nav .space_btn_star { background: none; border: 0; }
  4028.  
  4029. nav .space_btn_star:hover { background: none !important; }
  4030.  
  4031. nav .space_btn_edit { background: #545454; }
  4032.  
  4033. nav .space_btn_edit.editing { background: #828282; }
  4034.  
  4035. nav .star_info { color: #949494; }
  4036.  
  4037. nav #space_status { border-left: 1px solid #545454; color: #949494; }
  4038.  
  4039. nav #space_status.slightly_concerned { color: #bf360c; }
  4040.  
  4041. nav #edit_status { color: #949494; }
  4042.  
  4043. nav .comments_open.unread span.notif { background-color: #bf360c; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15); }
  4044.  
  4045. nav .comments_close { color: #949494; }
  4046.  
  4047. nav .comments_close:hover::before { color: #949494 !important; }
  4048.  
  4049. ts-space header { background: transparent; }
  4050.  
  4051. ts-space header .owner_detail .file_title_header, ts-space header .owner_detail .inline-edit { color: #e6e6e6; }
  4052.  
  4053. ts-space header .owner_detail .inline-edit { background: none; }
  4054.  
  4055. ts-space header .owner_detail .inline-edit::-webkit-input-placeholder { color: #e6e6e6; }
  4056.  
  4057. ts-space header .owner_detail .inline-edit::-moz-placeholder { color: #e6e6e6; }
  4058.  
  4059. ts-space header .owner_detail .inline-edit:focus::-webkit-input-placeholder { color: #949494; }
  4060.  
  4061. ts-space header .owner_detail .inline-edit:focus::-moz-placeholder { color: #949494; }
  4062.  
  4063. ts-space header .owner_detail ::selection, ts-space header .owner_detail ::-moz-selection { background-color: rgba(130, 130, 130, 0.5); }
  4064.  
  4065. ts-space header .owner_detail small { color: #949494; }
  4066.  
  4067. ts-space header .divider { border-top: 1px solid #545454; }
  4068.  
  4069. ts-space a.feedback { color: #e6e6e6; text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000; }
  4070.  
  4071. ts-space a.feedback:hover { background-color: #363636; color: #e6e6e6; }
  4072.  
  4073. comments { box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25); }
  4074.  
  4075. #space_alert { background-color: #000; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25); }
  4076.  
  4077. #space_alert.error { background-color: #bf360c; }
  4078.  
  4079. #space_alert span#space_alert_text { color: #e6e6e6; }
  4080.  
  4081. #space_alert a { color: #949494; }
  4082.  
  4083. #space_alert button#space_alert_close::before { color: #949494; }
  4084.  
  4085. #space_alert button#space_alert_close:hover::before { color: #949494; }
  4086.  
  4087. #space_alert .btn_outline.btn_transparent { background-color: #424242 !important; color: #e6e6e6 !important; }
  4088.  
  4089. #space_alert .btn_outline.btn_transparent::after { border-color: #545454; }
  4090.  
  4091. #space_find_bar { background-color: #363636; border-bottom: 1px solid rgba(130, 130, 130, 0.1); border-left: 1px solid rgba(130, 130, 130, 0.07); border-right: 1px solid rgba(130, 130, 130, 0.07); box-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  4092.  
  4093. #space_find_bar #space_find_info.no_matches { color: #bf360c; }
  4094.  
  4095. #space_find_bar #space_find_next .ts_icon { background-color: #545454; }
  4096.  
  4097. #space_find_bar #space_find_next .ts_icon::before, #space_find_bar #space_find_next .ts_icon:hover::before { color: #e6e6e6; }
  4098.  
  4099. #space_find_bar #space_find_next:hover .ts_icon { background-color: #828282; }
  4100.  
  4101. #space_find_bar #space_find_close::before { color: #949494; }
  4102.  
  4103. #space_find_bar #space_find_close:hover::before { color: #949494; }
  4104.  
  4105. #connected_members .connected_members_count { color: #e6e6e6; text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000; }
  4106.  
  4107. #connected_members .toggle_more_members_popover { background: #222; color: #949494; }
  4108.  
  4109. #connected_members_overflow_popover { border-bottom: 1px solid #363636; border-left: 1px solid rgba(0, 0, 0, 0.11); border-right: 1px solid rgba(0, 0, 0, 0.11); border-top: 1px solid rgba(0, 0, 0, 0.11); box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.5); }
  4110.  
  4111. #connected_members_overflow_popover .arrow::after { background-color: #363636; }
  4112.  
  4113. #connected_members_overflow_popover .arrow_shadow::after { background-color: #363636; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5); }
  4114.  
  4115. #connected_members_overflow_popover .monkey_scroll_wrapper { background: #363636; }
  4116.  
  4117. #connection_status #connection_label { color: #e6e6e6; text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000; }
  4118.  
  4119. #shortcuts_spaces_dialog { background-color: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 1px rgba(54, 54, 54, 0.7); }
  4120.  
  4121. #shortcuts_spaces_dialog .modal-body { color: #e6e6e6; }
  4122.  
  4123. #shortcuts_spaces_dialog .col .keyboard { background-color: #828282; border-bottom: 2px solid #424242; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); color: #e6e6e6; }
  4124.  
  4125. #shortcuts_spaces_dialog .close:hover { background-color: #828282; }
  4126.  
  4127. #shortcuts_spaces_dialog .close .ts_icon::before { color: #949494 !important; }
  4128.  
  4129. .textstyle_menu .arrow-shadow::after { background-color: #363636; box-shadow: 0 0 0 1px #363636; }
  4130.  
  4131. .textstyle_menu .arrow::after { background-color: #363636; }
  4132.  
  4133. .textstyle_menu .content { background-color: #363636; box-shadow: 0 0 0 1px #363636, 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25); }
  4134.  
  4135. .textstyle_menu.link .arrow-shadow::after { background-color: #363636; }
  4136.  
  4137. .textstyle_menu.link .arrow::after { background-color: #363636; }
  4138.  
  4139. .textstyle_menu.link .content { background-color: #363636; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25); }
  4140.  
  4141. .textstyle_menu.link .content input[type=text] { background-color: #545454; }
  4142.  
  4143. .textstyle_menu.link .content > a.link { color: #949494; }
  4144.  
  4145. .textstyle_menu.link .content ::-webkit-input-placeholder, .textstyle_menu.link .content ::-moz-placeholder { color: #949494; }
  4146.  
  4147. .textstyle_menu.link .content .buttons a.item.active, .textstyle_menu.link .content .buttons a.item:hover { background-color: #363636; }
  4148.  
  4149. .textstyle_menu .buttons a:hover, .textstyle_menu.style a:hover { border: 1px solid #545454; }
  4150.  
  4151. .textstyle_menu .buttons a.active, .textstyle_menu.style a.active { background-color: #545454; border: 1px solid #828282; }
  4152.  
  4153. .textstyle_menu.style a.deformat::before { border-left: 1px solid #545454; }
  4154.  
  4155. .textstyle_menu .buttons a.link_unfurl:not(.unfurl_pending) span::before { color: #949494; }
  4156.  
  4157. .para_menu .insert .tip { color: #949494; }
  4158.  
  4159. .para_menu .insert .tooltip .arrow-shadow::after { background-color: #363636; box-shadow: 0 0 0 1px #545454; }
  4160.  
  4161. .para_menu .insert .tooltip .arrow::after { background-color: #363636; }
  4162.  
  4163. .para_menu .insert .tooltip .content { background-color: #363636; box-shadow: 0 0 0 1px #545454, 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25); }
  4164.  
  4165. .para_menu .format .options .arrow-shadow::after { background-color: #363636; box-shadow: 0 0 0 1px #545454; }
  4166.  
  4167. .para_menu .format .options .arrow::after { background-color: #363636; }
  4168.  
  4169. .para_menu .format .options .arrow-shadow.bottom::after { box-shadow: 1px 1px 0 0 #545454; }
  4170.  
  4171. .para_menu .format .options .content { background-color: #363636; box-shadow: 0 0 0 1px #545454, 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25); }
  4172.  
  4173. .para_menu .format .options .content ul:first-child { border-bottom: 1px solid #363636; }
  4174.  
  4175. .para_menu .format .options.show .tooltip > div { background-color: #363636; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); color: #e6e6e6; }
  4176.  
  4177. .para_menu .format .options.show .tooltip span { background-color: #545454; }
  4178.  
  4179. .para_menu .options a:hover { border: 1px solid #545454; }
  4180.  
  4181. .para_menu .options a.active { background-color: #424242; border: 1px solid #363636; }
  4182.  
  4183. .para_menu .options a.active span { filter: grayscale(2) brightness(2); }
  4184.  
  4185. .para_menu .options a span { filter: grayscale(2) brightness(5); }
  4186.  
  4187. .para_menu a.trigger.pilcrow { filter: grayscale(2) brightness(1.8); }
  4188.  
  4189. .para_menu a.trigger.pilcrow:hover, .para_menu a.trigger.pilcrow.active { filter: grayscale(2) brightness(2); }
  4190.  
  4191. code { background-color: #535353; color: #85c5ff; } /* Change color: to whatever font color you want */
  4192.  
  4193. .c-mrkdwn__pre, .c-mrkdwn__quote { background: #535353 !important; background-color: #535353 !important; }
  4194. `;
  4195.  
  4196. $('<style></style>').appendTo('head').text(css);
  4197. });
  4198. //darkmode END
  4199. EOF
  4200.  
  4201. sed -i.bak '/darkmode BEGIN/,/darkmode END/d' ${FILEPATH} && echo -e "${DARKMODE_CODE}" >> ${FILEPATH}
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!