aboutsummaryrefslogtreecommitdiffstats
path: root/recipes/slack/darkmode.css
diff options
context:
space:
mode:
authorLibravatar Vijay A <avijayr@protonmail.com>2021-08-12 08:57:54 +0530
committerLibravatar Vijay A <avijayr@protonmail.com>2021-08-12 08:57:54 +0530
commit52ca44b9df4dafcdc0eaa517146638e01fca5449 (patch)
tree6df3814408495402b7c9a409f94a634b6e25bd73 /recipes/slack/darkmode.css
parentchore: fixed issue with incorrect eslint config (diff)
downloadferdium-recipes-52ca44b9df4dafcdc0eaa517146638e01fca5449.tar.gz
ferdium-recipes-52ca44b9df4dafcdc0eaa517146638e01fca5449.tar.zst
ferdium-recipes-52ca44b9df4dafcdc0eaa517146638e01fca5449.zip
Enabled darkmode for
Facebook Messenger Facebook Workplace Chat (Facebook at work) Slack Google Calendar Whatsapp LinkedIn Telegram Instagram (from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi)
Diffstat (limited to 'recipes/slack/darkmode.css')
-rw-r--r--recipes/slack/darkmode.css9043
1 files changed, 9043 insertions, 0 deletions
diff --git a/recipes/slack/darkmode.css b/recipes/slack/darkmode.css
new file mode 100644
index 0000000..1fe857b
--- /dev/null
+++ b/recipes/slack/darkmode.css
@@ -0,0 +1,9043 @@
1/* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */
2
3body {
4 background: #222;
5 color: #e6e6e6;
6}
7a {
8 color: #949494;
9}
10a:link,
11a:visited {
12 color: #949494;
13}
14a:hover,
15a:active,
16a:focus {
17 color: #c7c7c7;
18}
19hr {
20 border-bottom: 1px solid #424242;
21 border-top: 1px solid #222;
22}
23h1,
24h2,
25h3,
26h4 {
27 color: #e6e6e6;
28}
29h1 a {
30 color: #e6e6e6;
31}
32h1 a:active,
33h1 a:hover,
34h1 a:link,
35h1 a:visited {
36 color: #e6e6e6;
37}
38.bordered {
39 border: 1px solid #363636;
40}
41.top_border {
42 border-top: 1px solid #363636;
43}
44.bottom_border {
45 border-bottom: 1px solid #363636;
46}
47.left_border {
48 border-left: 1px solid #363636;
49}
50.right_border {
51 border-right: 1px solid #363636;
52}
53.bullet {
54 color: #949494;
55}
56.p-client {
57 background: #222;
58}
59.alert,
60.c-alert,
61.c-alert--boxed {
62 background-color: #363636;
63 border-color: #000;
64 color: #e6e6e6;
65 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
66}
67.alert h4,
68.c-alert h4,
69.c-alert--boxed h4 {
70 color: #e6e6e6;
71}
72.alert-info {
73 background-color: #363636;
74 border-color: #000;
75 color: #e6e6e6;
76}
77.alert-info h4 {
78 color: #e6e6e6;
79}
80::-webkit-scrollbar-track {
81 background: #363636 !important;
82 border-left-color: #363636 !important;
83 border-right-color: #363636 !important;
84 color: #363636 !important;
85}
86::-webkit-scrollbar-thumb {
87 background: #545454 !important;
88 border-left-color: #363636 !important;
89 border-right-color: #363636 !important;
90 color: #222 !important;
91}
92::-webkit-scrollbar-corner {
93 background: #222 !important;
94}
95.supports_custom_scrollbar #messages_container::after {
96 background: none !important;
97}
98.monkey_scroll_bar {
99 background: #424242;
100}
101.monkey_scroll_handle_inner {
102 background: #545454;
103 border: 1px solid #828282;
104}
105.monkey_scroll_bar_native_scrollbar_shim {
106 background: transparent;
107}
108#client-ui .monkey_scroll_bar {
109 background: #424242;
110}
111#client-ui .monkey_scroll_handle_inner {
112 background: #545454;
113 border: 3px solid #222;
114}
115.c-scrollbar--monkey .c-scrollbar__track {
116 background: #424242;
117}
118.c-scrollbar--monkey .c-scrollbar__bar {
119 background: #545454;
120 box-shadow: 0 3px 0 #222, 0 -3px 0 #222;
121}
122.client_channels_list_container {
123 background-color: #363636;
124 border-right-color: #222;
125}
126#col_channels {
127 color: #e6e6e6;
128}
129.p-channel_sidebar {
130 background-color: #363636;
131 color: #e6e6e6;
132}
133.p-channel_sidebar__channel,
134.p-channel_sidebar__channel:link,
135.p-channel_sidebar__channel:visited,
136.p-channel_sidebar__channel:hover,
137.p-channel_sidebar__link,
138.p-channel_sidebar__link:link,
139.p-channel_sidebar__link:visited,
140.p-channel_sidebar__link:hover {
141 color: rgba(230, 230, 230, 0.8) !important;
142}
143.p-channel_sidebar__channel--selected,
144.p-channel_sidebar__channel--selected:link,
145.p-channel_sidebar__channel--selected:visited,
146.p-channel_sidebar__channel--selected:hover,
147.p-channel_sidebar__link--selected,
148.p-channel_sidebar__link--selected:link,
149.p-channel_sidebar__link--selected:visited,
150.p-channel_sidebar__link--selected:hover {
151 color: #e6e6e6;
152}
153.p-channel_sidebar__channel:hover,
154.p-channel_sidebar__link:hover {
155 background: #222 !important;
156}
157.p-channel_sidebar__header {
158 color: #e6e6e6 !important;
159}
160.p-channel_sidebar__channel--im.p-channel_sidebar__channel--selected
161 .c-presence,
162.p-channel_sidebar__channel--im-slackbot.p-channel_sidebar__channel--selected::before {
163 color: #e6e6e6;
164}
165.p-channel_sidebar__channel--im .c-presence--away {
166 color: #949494;
167}
168.p-channel_sidebar__channel--selected,
169.p-channel_sidebar__link--selected {
170 background: #545454 !important;
171}
172.p-channel_sidebar__channel--selected:hover,
173.p-channel_sidebar__link--selected:hover {
174 background: #545454 !important;
175}
176.p-channel_sidebar__channel--selected::before,
177.p-channel_sidebar__channel--selected:hover::before,
178.p-channel_sidebar__channel--selected::after,
179.p-channel_sidebar__channel--selected:hover::after {
180 color: #e6e6e6;
181}
182.p-channel_sidebar__link--selected::before,
183.p-channel_sidebar__link--selected::after {
184 color: #e6e6e6;
185}
186.p-channel_sidebar__badge,
187.p-channel_sidebar__banner--mentions {
188 background: #bf360c;
189}
190.p-channel_sidebar .c-custom_scrollbar__thumb_vertical,
191.p-channel_sidebar .c-scrollbar__bar {
192 background: #545454;
193}
194.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected)
195 .p-channel_sidebar__name,
196.p-channel_sidebar__link--unread .p-channel_sidebar__name,
197.p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim)
198 .p-channel_sidebar__name,
199.p-channel_sidebar__section_heading_label--clickable:hover,
200.p-channel_sidebar__quickswitcher:hover {
201 color: whitesmoke !important;
202}
203.p-channel_sidebar__close_container:hover {
204 background: #000;
205}
206.p-channel_sidebar__jumper {
207 background: transparent !important;
208}
209.channels_list_holder h2 {
210 color: #e6e6e6 !important;
211}
212.channels_list_holder h2.hoverable:not(.jquery_hover):hover {
213 color: #e6e6e6;
214 opacity: 0.8;
215}
216.channels_list_holder ul {
217 color: #e6e6e6 !important;
218}
219.channels_list_holder ul li {
220 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
221}
222.channels_list_holder ul li .channel_name,
223.channels_list_holder ul li .group_name,
224.channels_list_holder ul li .im_name,
225.channels_list_holder ul li .mpim_name,
226.channels_list_holder ul li > a {
227 background: #363636;
228 color: rgba(230, 230, 230, 0.8) !important;
229}
230.channels_list_holder ul li .channel_name:hover,
231.channels_list_holder ul li .group_name:hover,
232.channels_list_holder ul li .im_name:hover,
233.channels_list_holder ul li .mpim_name:hover,
234.channels_list_holder ul li > a:hover {
235 background: #222 !important;
236 border-bottom-right-radius: 0.25rem;
237 border-top-right-radius: 0.25rem;
238}
239.channels_list_holder ul li .primary_action.im_name:hover .im_name_background,
240.channels_list_holder
241 ul
242 li
243 .primary_action.feature_user_custom_status:hover
244 .im_name_background,
245.channels_list_holder
246 ul
247 li
248 .primary_action:not(.feature_user_custom_status):hover {
249 background: #222;
250}
251.channels_list_holder ul li.mention a {
252 color: #e6e6e6;
253}
254.channels_list_holder ul li.unread:not(.muted_channel) .primary_action {
255 color: whitesmoke !important;
256}
257.channels_list_holder ul li.unread .prefix {
258 color: #e6e6e6 !important;
259 opacity: 1;
260}
261.channels_list_holder .group_close,
262.channels_list_holder .im_close,
263.channels_list_holder .mpim_close {
264 color: #949494 !important;
265}
266.channels_list_holder .unread_highlights {
267 background: #bf360c;
268 color: #e6e6e6;
269 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
270}
271.channels_list_holder .unread_msgs {
272 background: #222;
273 color: #e6e6e6;
274}
275#channel_list_invites_link {
276 border-bottom: 1px dotted #949494;
277 color: #949494 !important;
278 font-size: 0.9rem;
279}
280#channel_list_invites_link:hover {
281 border-bottom: 1px solid #949494;
282}
283#quick_switcher_btn {
284 background: #363636;
285 border-top: 2px solid #363636;
286}
287#quick_switcher_btn > i {
288 color: #949494;
289}
290#quick_switcher_btn:active,
291#quick_switcher_btn:hover {
292 background: #222;
293 border-color: #222;
294}
295#quick_switcher_btn:active > i,
296#quick_switcher_btn:hover > i {
297 color: #949494;
298}
299#quick_switcher_btn:active #quick_switcher_label,
300#quick_switcher_btn:hover #quick_switcher_label {
301 color: #949494;
302}
303#quick_switcher_label {
304 color: #949494;
305}
306.p-channel_insights__channel .channel_link {
307 color: #949494;
308}
309.p-channel_insights__date_heading::before {
310 background-color: #363636;
311}
312.p-channel_insights__date_heading span {
313 background-color: #222;
314 color: #949494;
315}
316.p-channel_insights__message--truncate::before {
317 background: linear-gradient(180deg, transparent, #363636 90%);
318}
319.p-channel_insights__message
320 ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) {
321 background-color: #222;
322 border-color: #363636;
323}
324.c-dialog__content {
325 border-radius: 0.6rem;
326}
327.c-dialog__header,
328.c-dialog__body,
329.c-dialog__footer {
330 background: #363636;
331}
332.c-dialog__title {
333 color: #e6e6e6;
334}
335.c-dialog .p-custom_status_input__duration_picker_select {
336 padding-left: 11px;
337}
338.c-dialog
339 .p-custom_status_input__duration_picker_select
340 .c-input_select__selected_value--placeholder {
341 color: #e6e6e6;
342}
343.loading #loading-zone {
344 background: #222;
345}
346#loading_welcome {
347 background-image: none;
348}
349#loading_message p {
350 color: #e6e6e6;
351}
352#loading_message #loading_message_attribution {
353 color: #949494;
354}
355#loading_team_menu_bg,
356#loading_user_menu_bg {
357 background: #222;
358 border: none;
359}
360.infinite_spinner_bg,
361.infinite_spinner_blue {
362 stroke: #e6e6e6;
363}
364body.loading #team_menu,
365body.loading #quick_switcher_btn,
366body.loading #team_menu_overlay,
367body.loading #col_channels_overlay,
368body.loading #col_channels {
369 background-color: #363636;
370}
371.p-degraded_list__loading {
372 background-color: #222;
373 color: #e6e6e6;
374}
375input[type="text"],
376input[type="password"],
377input[type="datetime"],
378input[type="datetime-local"],
379input[type="date"],
380input[type="month"],
381input[type="time"],
382input[type="week"],
383input[type="number"],
384input[type="email"],
385input[type="url"],
386input[type="tel"],
387input[type="color"],
388input[type="search"] {
389 background-color: #545454;
390 border-color: #000;
391 color: #e6e6e6;
392}
393input[type="text"]:focus,
394input[type="password"]:focus,
395input[type="datetime"]:focus,
396input[type="datetime-local"]:focus,
397input[type="date"]:focus,
398input[type="month"]:focus,
399input[type="time"]:focus,
400input[type="week"]:focus,
401input[type="number"]:focus,
402input[type="email"]:focus,
403input[type="url"]:focus,
404input[type="tel"]:focus,
405input[type="color"]:focus,
406input[type="search"]:focus {
407 border-color: rgba(54, 54, 54, 0.8);
408 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
409 0 0 8px rgba(130, 130, 130, 0.6);
410}
411input[type="file"]:focus {
412 outline: #e6e6e6 dotted thin;
413}
414input[type="radio"]:focus,
415input[type="checkbox"]:focus {
416 outline: #e6e6e6 dotted thin;
417}
418select {
419 background: #545454;
420}
421select,
422textarea {
423 border: 1px solid #000;
424 color: #e6e6e6;
425}
426select:active,
427select:focus,
428textarea:active,
429textarea:focus {
430 border-color: #363636;
431 box-shadow: 0 0 7px rgba(130, 130, 130, 0.15);
432}
433input:disabled,
434input:disabled:active,
435select:disabled,
436textarea:disabled {
437 border-color: #424242 !important;
438}
439.no_touch input:hover,
440.no_touch select:hover,
441.no_touch textarea:hover {
442 border-color: #363636;
443}
444.no_touch label.select:hover select {
445 border-color: #363636;
446}
447.no_touch label.select:not(.disabled):hover::after {
448 color: #363636;
449}
450label.disabled {
451 color: #e6e6e6;
452}
453legend {
454 border-bottom: 1px solid #828282;
455}
456legend small {
457 color: #949494;
458}
459.uneditable-input,
460.uneditable-textarea {
461 background-color: #424242;
462 border: 1px solid #000;
463 color: #e6e6e6;
464}
465.uneditable-input:focus,
466.uneditable-textarea:focus {
467 border-color: rgba(130, 130, 130, 0.8);
468 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
469 0 0 8px rgba(130, 130, 130, 0.6);
470}
471textarea {
472 background-color: #545454;
473 border: 1px solid #000;
474 color: #e6e6e6;
475}
476textarea:focus {
477 border-color: rgba(130, 130, 130, 0.8);
478 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
479 0 0 8px rgba(130, 130, 130, 0.6);
480}
481::-webkit-input-placeholder {
482 color: #e6e6e6 !important;
483 -webkit-filter: none;
484 filter: none;
485 opacity: 0.5;
486}
487::-moz-placeholder {
488 color: #e6e6e6 !important;
489 filter: none;
490 opacity: 0.5;
491}
492::placeholder {
493 color: #e6e6e6 !important;
494 filter: none;
495 opacity: 0.5;
496}
497[data-placeholder]:empty::before {
498 color: #e6e6e6 !important;
499}
500input::-webkit-input-placeholder,
501textarea::-webkit-input-placeholder {
502 color: #e6e6e6 !important;
503 -webkit-filter: none;
504 filter: none;
505 opacity: 0.5;
506}
507input::-moz-placeholder,
508textarea::-moz-placeholder {
509 color: #e6e6e6 !important;
510 filter: none;
511 opacity: 0.5;
512}
513input::placeholder,
514textarea::placeholder {
515 color: #e6e6e6 !important;
516 filter: none;
517 opacity: 0.5;
518}
519input[data-placeholder]:empty::before,
520textarea[data-placeholder]:empty::before {
521 color: #e6e6e6 !important;
522}
523input[disabled],
524input[readonly],
525textarea[disabled],
526textarea[readonly] {
527 background-color: #545454 !important;
528}
529.form-actions {
530 background-color: #424242;
531 border-top: 1px solid #363636;
532}
533.help-block,
534.help-inline {
535 color: #949494;
536}
537.input-append .add-on,
538.input-prepend .add-on {
539 background-color: #828282;
540 border: 1px solid #545454;
541 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
542}
543.btn {
544 background-color: #545454;
545 color: #e6e6e6 !important;
546 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
547}
548.btn.hover,
549.btn:focus,
550.btn:hover,
551.btn.active,
552.btn:active {
553 background-color: #545454;
554 color: #e6e6e6;
555}
556.btn.btn_border {
557 border: 2px solid #424242;
558}
559.btn.disabled,
560.btn:disabled {
561 background-color: #000 !important;
562}
563.btn.disabled:active,
564.btn.disabled:hover,
565.btn:disabled:active,
566.btn:disabled:hover {
567 background-color: #000 !important;
568}
569.btn.btn_outline.btn_danger,
570.btn.btn_outline.btn_warning {
571 background-color: #bf360c !important;
572 color: #e6e6e6 !important;
573}
574.btn.btn_outline.btn_danger:focus,
575.btn.btn_outline.btn_danger:hover,
576.btn.btn_outline.btn_warning:focus,
577.btn.btn_outline.btn_warning:hover {
578 background-color: #222 !important;
579 border-color: #bf360c !important;
580 color: #bf360c !important;
581}
582.btn.btn_outline.disabled {
583 background: #424242 !important;
584 color: #949494 !important;
585}
586.btn.btn_outline.disabled:hover {
587 background: #424242 !important;
588 color: #949494 !important;
589}
590.btn.btn_attachment {
591 background-color: #000;
592 border-color: #545454;
593 color: #949494;
594}
595.btn.btn_attachment:hover,
596.btn.btn_attachment:focus {
597 background-color: #363636;
598 border-color: #828282;
599}
600.btn.btn_attachment.btn_danger {
601 border-color: #bf360c;
602}
603.btn.btn_attachment.btn_danger:hover,
604.btn.btn_attachment.btn_danger:focus {
605 border-color: #ef440f;
606}
607.btn.btn_attachment.btn_primary {
608 border-color: #828282;
609}
610.btn.btn_attachment.btn_primary:hover,
611.btn.btn_attachment.btn_primary:focus {
612 border-color: #9c9b9b;
613}
614.btn_basic:focus,
615.btn_basic:hover {
616 color: #e6e6e6;
617}
618.btn_outline {
619 background: #222;
620 color: #949494 !important;
621}
622.btn_outline::after {
623 border: 1px solid #424242;
624}
625.btn_outline.btn_transparent {
626 color: rgba(84, 84, 84, 0.9) !important;
627}
628.btn_outline.btn_transparent::after {
629 border: 1px solid rgba(34, 34, 34, 0.5);
630}
631.btn_outline.btn_transparent.active,
632.btn_outline.btn_transparent.hover,
633.btn_outline.btn_transparent:active,
634.btn_outline.btn_transparent:focus,
635.btn_outline.btn_transparent:hover {
636 background-color: rgba(84, 84, 84, 0.9) !important;
637 color: #c7c7c7 !important;
638}
639.btn_outline.btn_transparent.active,
640.btn_outline.btn_transparent:active {
641 background-color: rgba(84, 84, 84, 0.8) !important;
642}
643.btn_outline.hover,
644.btn_outline:focus,
645.btn_outline:hover {
646 background: #222;
647 color: #c7c7c7 !important;
648}
649.btn_outline:active {
650 color: #c7c7c7;
651}
652.btn_outline.active {
653 color: #c7c7c7 !important;
654}
655.btn_link {
656 color: #949494;
657}
658.btn_link:hover,
659.btn_link:focus {
660 color: #c7c7c7;
661}
662.btn-group.open .btn.dropdown-toggle {
663 background-color: #545454;
664}
665.btn-group.open .btn-primary.dropdown-toggle {
666 background-color: #424242;
667}
668.btn-group > .btn + .dropdown-toggle {
669 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.125),
670 inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.05);
671}
672.btn_info,
673.btn.btn_success {
674 background-color: #222 !important;
675}
676.btn_warning,
677.btn_danger {
678 background-color: #bf360c !important;
679}
680.btn-danger .caret,
681.btn-info .caret,
682.btn-inverse .caret,
683.btn-primary .caret,
684.btn-success .caret,
685.btn-warning .caret {
686 border-bottom-color: #e6e6e6;
687 border-top-color: #e6e6e6;
688}
689.input_note {
690 color: #e6e6e6;
691}
692.c-enhanced_text_input {
693 background-color: #545454;
694 border-color: #363636;
695 color: #949494;
696}
697.c-enhanced_text_input:hover,
698.c-enhanced_text_input.c-enhanced_text_input--active {
699 border-color: #545454;
700}
701.c-filter_input {
702 background: #545454;
703}
704.p-share_dialog_message_input {
705 color: #e6e6e6;
706}
707.c-texty_input .ql-placeholder {
708 color: #e6e6e6;
709}
710.c-texty_autocomplete {
711 background: #222;
712 box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282;
713}
714.c-texty_autocomplete__result--selected {
715 background: #424242;
716}
717.c-texty_autocomplete__result_highlight,
718.c-texty_autocomplete__result_highlight--selected {
719 background: #363636;
720}
721.p-workspace__input .p-message_input_field {
722 background: #222;
723}
724.ts_toggle .ts_toggle_button {
725 background: #000;
726 color: #e6e6e6;
727}
728.ts_toggle .ts_toggle_button .ts_toggle_handle {
729 background: #363636;
730}
731.ts_toggle .ts_toggle_secondary_label {
732 color: #949494;
733}
734.ts_toggle.checked .ts_toggle_button {
735 background: #828282;
736 color: #e6e6e6;
737}
738.ts_toggle.ts_toggle_orange .ts_toggle_button {
739 background: #bf360c;
740 color: #e6e6e6;
741}
742.c-multi_select_input {
743 background: #545454;
744 background-color: #545454;
745}
746.c-token {
747 background: #363636;
748}
749.c-multi_select_token__remove {
750 color: #828282;
751}
752.lazy_filter_select.disabled {
753 background: #363636;
754}
755.lazy_filter_select.disabled input.lfs_input {
756 background: #828282;
757}
758.lazy_filter_select .lfs_input_container {
759 background-color: #545454;
760 border-color: #000;
761}
762.lazy_filter_select .lfs_input_container.active,
763.lazy_filter_select .lfs_input_container:hover {
764 border-color: #363636;
765}
766.lazy_filter_select .lfs_input_container.active {
767 box-shadow: 0 0 7px rgba(34, 34, 34, 0.15);
768}
769.lazy_filter_select .lfs_list_container {
770 background: #222;
771 border-color: #000;
772 box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
773}
774.lazy_filter_select .lfs_list .lfs_item.selected {
775 color: #e6e6e6;
776}
777.lazy_filter_select
778 .lfs_list
779 .lfs_item.selected
780 .c-member__current-status
781 .prevent_copy_paste,
782.lazy_filter_select
783 .lfs_list
784 .lfs_item.selected
785 .c-member__current-status--small::before,
786.lazy_filter_select .lfs_list .lfs_item.selected .c-member__display-name,
787.lazy_filter_select .lfs_list .lfs_item.selected .c-member__name,
788.lazy_filter_select .lfs_list .lfs_item.selected .c-member__secondary-name {
789 color: #e6e6e6 !important;
790}
791.lazy_filter_select .lfs_list .lfs_item.disabled {
792 color: #949494;
793}
794.lazy_filter_select .lfs_list .lfs_item.active {
795 background-color: #000;
796 border-color: #363636;
797 color: #e6e6e6;
798}
799.lazy_filter_select .lfs_token {
800 background: #222;
801 border: 1px solid #000;
802 color: #e6e6e6;
803}
804.lazy_filter_select .lfs_token::after {
805 color: #e6e6e6;
806}
807.lazy_filter_select.single .lfs_input_container.active::after,
808.lazy_filter_select.single .lfs_input_container:hover::after {
809 color: #e6e6e6;
810}
811#select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected {
812 color: #e6e6e6 !important;
813}
814#select_share_channels
815 .lazy_filter_select
816 .lfs_value
817 .lfs_item.selected
818 .ts_icon:not(.presence_icon) {
819 color: #949494 !important;
820}
821#select_share_channels .lazy_filter_select .lfs_item {
822 color: #949494 !important;
823}
824#select_share_channels
825 .lazy_filter_select
826 .lfs_item
827 .ts_icon:not(.presence_icon) {
828 color: #949494 !important;
829}
830#message_edit_form .emo_menu {
831 color: rgba(230, 230, 230, 0.3);
832}
833#message_edit_form .emo_menu.active .ts_icon_happy_smile,
834#message_edit_form .emo_menu:hover .ts_icon_happy_smile {
835 color: #828282;
836}
837#message_edit_form.focus .emo_menu {
838 color: rgba(230, 230, 230, 0.6);
839}
840#message_edit_form.focus #primary_file_button:not(:hover) {
841 border-color: #363636;
842}
843#message_edit_form.offline #message-input,
844#message_edit_form.offline #primary_file_button {
845 background-color: #363636 !important;
846}
847#message_edit_form.offline #primary_file_button {
848 border-color: #424242;
849 color: #949494;
850}
851#msg_form.focus #msg_input,
852#msg_form.focus #primary_file_button:not(:hover):not(.active) {
853 border-color: #363636;
854}
855#msg_form #msg_input {
856 background: padding-box #545454;
857 border-color: #424242;
858 border-left: 0;
859 color: #e6e6e6;
860}
861#msg_form #msg_input.focus ~ .msg_mentions_button:not(.hover) {
862 color: #e6e6e6;
863}
864#msg_form .msg_mentions_button {
865 color: #949494;
866}
867#msg_form .msg_mentions_button:hover {
868 color: #e6e6e6;
869}
870#msg_input {
871 background: #545454;
872 border-color: #424242;
873 color: #e6e6e6;
874}
875#msg_input::-webkit-input-placeholder {
876 color: #e6e6e6 !important;
877 -webkit-filter: none;
878 filter: none;
879 opacity: 0.5;
880}
881#msg_input::-moz-placeholder {
882 color: #e6e6e6 !important;
883 filter: none;
884 opacity: 0.5;
885}
886#msg_input::placeholder {
887 color: #e6e6e6 !important;
888 filter: none;
889 opacity: 0.5;
890}
891#msg_input[data-placeholder]:empty::before {
892 color: #e6e6e6 !important;
893}
894#msg_input:focus,
895#msg_input.focus {
896 border-color: #363636;
897}
898#msg_input:focus + #primary_file_button:not(:hover):not(.active),
899#msg_input.focus + #primary_file_button:not(:hover):not(.active) {
900 border-color: #363636;
901}
902#msg_input + #primary_file_button:not(:hover):not(.active) {
903 border-color: #424242;
904}
905#msg_input + #primary_file_button.focus-ring:not(:hover):not(.active) {
906 border-color: #424242;
907}
908#msg_input.offline:not(.pretend-to-be-online) {
909 background-color: #363636 !important;
910 color: #949494;
911}
912#msg_input.disabled,
913#msg_input.ql-disabled {
914 background-color: #363636;
915 border-color: #363636;
916 color: #949494;
917}
918#msg_input_message {
919 background-color: #363636;
920 color: #e6e6e6;
921}
922#primary_file_button {
923 background: padding-box #545454;
924 border-color: #424242;
925 color: #949494;
926}
927#primary_file_button.active,
928#primary_file_button.focus-ring,
929#primary_file_button:focus,
930#primary_file_button:hover {
931 background: #424242;
932 border-color: #363636;
933 color: #e6e6e6;
934}
935#footer,
936#footer.footer_msg_input {
937 background: #222;
938 box-shadow: inset 1px 0 0 0 #222;
939}
940#footer.disabled #message-input,
941#footer.disabled #msg_input {
942 background: padding-box #363636 !important;
943 border-color: #363636 !important;
944}
945#footer_archives_preview {
946 background-color: #222;
947 border-top: 1px solid #363636;
948}
949#footer_archives_preview .c-archive_footer__metadata {
950 color: #949494;
951}
952#footer_archives_preview .c-archive_footer__title {
953 color: #c7c7c7;
954}
955#footer_archives_table {
956 color: #949494;
957}
958#typing_text {
959 color: #949494;
960 filter: none;
961}
962#notification_bar.wide #typing_text.overflow_ellipsis {
963 -webkit-filter: none;
964 filter: none;
965}
966#special_formatting_text {
967 color: #949494;
968}
969#message_edit_container .inline_message_input_container,
970#message_edit_container .inline_message_input_container.with_file_upload,
971#threads_msgs .inline_message_input_container,
972#threads_msgs .inline_message_input_container.with_file_upload,
973#reply_container.upload_in_threads .inline_message_input_container,
974#reply_container.upload_in_threads
975 .inline_message_input_container.with_file_upload {
976 background: #545454;
977 border-color: #363636;
978 color: #e6e6e6;
979}
980.inline_message_input_container .ql-container {
981 border-color: #545454;
982 color: #e6e6e6;
983}
984.inline_message_input_container .ql-container.focus,
985.inline_message_input_container .ql-container:active,
986.inline_message_input_container .ql-container:hover {
987 border-color: #828282;
988}
989.c-message--editing {
990 background: #363636;
991 border-color: #363636;
992 color: #e6e6e6;
993}
994.c-message__editor__input,
995.c-message__editor__input--legacy {
996 background: #545454;
997 border-color: #363636;
998 color: #e6e6e6;
999}
1000.c-message__editor__input.focus,
1001.c-message__editor__input--legacy.focus {
1002 border-color: #363636;
1003 box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
1004}
1005.c-message__editor__warning {
1006 color: #bf360c;
1007}
1008.c-message .c-button {
1009 border-color: #424242;
1010}
1011.c-message .c-button--outline {
1012 background-color: #363636;
1013 color: #949494;
1014}
1015.c-message .c-button--outline:hover {
1016 color: #c7c7c7;
1017}
1018.c-message .c-button--primary {
1019 background-color: #545454;
1020 color: #e6e6e6;
1021}
1022#message_edit_container .message_input {
1023 background: #545454;
1024 border-color: #363636;
1025 color: #e6e6e6;
1026}
1027#message_edit_container .message_input.focus {
1028 border-color: #363636;
1029 box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
1030}
1031.ql-editor::-webkit-scrollbar-thumb {
1032 background-color: rgba(84, 84, 84, 0.5);
1033 color: #222;
1034}
1035.ql-editor::-webkit-scrollbar-thumb:hover {
1036 background-color: rgba(84, 84, 84, 0.8);
1037}
1038.ql-placeholder,
1039.texty_legacy .ql-placeholder {
1040 color: #e6e6e6;
1041 filter: none;
1042}
1043.ql-container.texty_single_line_input {
1044 background: #545454;
1045 border: 1px solid #363636;
1046 color: #e6e6e6;
1047}
1048.ql-container.texty_single_line_input.focus,
1049.ql-container.texty_single_line_input:hover {
1050 border-color: #363636;
1051 box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
1052}
1053.c-input_select {
1054 background: #545454;
1055 border-color: #363636;
1056 color: #e6e6e6;
1057}
1058.p-file_list__file_type_select .c-input_select__selected_value--placeholder {
1059 color: #e6e6e6;
1060}
1061.c-input_select_options_list_container:not(.c-input_select_options_list_container--always-open) {
1062 background: #545454;
1063 border-color: #363636;
1064 color: #e6e6e6;
1065}
1066.c-input_select_options_list__option {
1067 color: #e6e6e6;
1068}
1069.c-label__text {
1070 color: #e6e6e6;
1071}
1072.c-date_picker__dropdown {
1073 background-color: #363636;
1074}
1075.c-calendar_view_header__stepper_btn:disabled,
1076.c-calendar_view_header__title_btn:disabled {
1077 color: #949494;
1078}
1079.c-calendar_view_header__stepper_btn,
1080.c-calendar_view_header__title_btn {
1081 color: #e6e6e6;
1082}
1083.c-calendar_view_header__stepper_btn:hover,
1084.c-calendar_view_header__title_btn:hover {
1085 background-color: #545454;
1086}
1087.c-date_picker_calendar__date--disabled,
1088.c-date_picker_calendar__date--disabled:hover {
1089 background-color: #363636;
1090}
1091.c-mini_calendar__month_button:disabled,
1092.c-mini_calendar__month_button:disabled:hover {
1093 background-color: #363636;
1094}
1095.c-calendar_month__day_of_week_heading {
1096 color: #e6e6e6;
1097}
1098.menu {
1099 background: #363636;
1100 border: 1px solid #222;
1101 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
1102 color: #e6e6e6;
1103}
1104.menu .menu_content {
1105 background: #363636 !important;
1106}
1107.menu .menu_filter_container {
1108 background: #222;
1109}
1110.menu .menu_filter_container input.menu_filter {
1111 border: 1px solid #424242;
1112}
1113.menu .menu_filter_container input.menu_filter:focus {
1114 border-color: #545454;
1115}
1116.menu .menu_filter_container .icon_search {
1117 color: #949494;
1118}
1119.menu .menu_filter_container .icon_close {
1120 color: #949494 !important;
1121}
1122.menu #menu_header .menu_simple_header {
1123 background: #000;
1124 border-color: #363636;
1125 color: #e6e6e6;
1126}
1127.menu #menu_header .menu_simple_header a {
1128 color: #949494;
1129}
1130.menu #menu_header .menu_simple_header a:hover {
1131 color: #c7c7c7;
1132}
1133.menu #menu_header .menu_close {
1134 color: #e6e6e6;
1135}
1136.menu .section_header .header_label {
1137 background-color: #363636;
1138 color: #949494;
1139}
1140.menu .section_header > div.header_label_container {
1141 color: #949494;
1142}
1143.menu ul li a {
1144 background: #363636;
1145 border-bottom: 0;
1146 color: #e6e6e6;
1147}
1148.menu ul li a.delete_link {
1149 color: #bf360c;
1150}
1151.menu ul li a:not(.inline_menu_link) {
1152 color: #e6e6e6;
1153}
1154.menu ul li.highlighted a {
1155 background: #222;
1156 border-bottom-color: #000;
1157 color: #e6e6e6;
1158 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
1159}
1160.menu ul li.highlighted a .menu_item_details,
1161.menu ul li.highlighted a .prefix,
1162.menu ul li.highlighted a i,
1163.menu ul li.highlighted a ts-icon {
1164 color: #e6e6e6;
1165}
1166.menu ul li.highlighted a.delete_link {
1167 color: #bf360c;
1168}
1169.menu ul li.disabled a {
1170 color: #949494;
1171}
1172.menu ul li i {
1173 color: #949494;
1174}
1175.menu ul li.divider {
1176 border-bottom-color: #222;
1177}
1178.menu ul li .menu_item_details {
1179 color: #949494;
1180}
1181.menu:not(.keyboard_active) ul li:hover:not(.disabled) a {
1182 background: #222;
1183 border-bottom-color: #000;
1184 color: #e6e6e6;
1185 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
1186}
1187.menu:not(.keyboard_active) ul li:hover:not(.disabled) a .menu_item_details,
1188.menu:not(.keyboard_active) ul li:hover:not(.disabled) a .prefix,
1189.menu:not(.keyboard_active) ul li:hover:not(.disabled) a i,
1190.menu:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon {
1191 color: #e6e6e6;
1192}
1193.menu:not(.keyboard_active) ul li:hover:not(.disabled) a.delete_link {
1194 color: #bf360c;
1195}
1196.menu input {
1197 background: #363636;
1198 border: 1px solid #545454;
1199}
1200.menu textarea {
1201 background: #363636;
1202 border: 1px solid #545454;
1203}
1204.menu #menu_footer .menu_footer {
1205 background: #000;
1206 border-top: 1px solid #363636;
1207}
1208.menu #monkey_scroll_wrapper_for_menu_items_scroller {
1209 background: #363636;
1210}
1211.menu #menu_list_container #menu_list .menu_list_item a {
1212 color: #e6e6e6;
1213}
1214.menu #menu_list_container #menu_list .menu_list_item.active a {
1215 background: #545454;
1216 color: #e6e6e6;
1217 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
1218}
1219.c-menu {
1220 background-color: #363636;
1221}
1222.c-menu_item__label {
1223 color: #fff;
1224}
1225.c-menu_item__header {
1226 color: #949494;
1227}
1228.c-menu_item__icon {
1229 color: #828282;
1230}
1231.c-menu_item__shortcut {
1232 color: #e6e6e6;
1233}
1234#autocomplete_menu {
1235 color: #e6e6e6;
1236}
1237#autocomplete_menu header {
1238 background-color: #222;
1239}
1240#autocomplete_menu header .header_label {
1241 color: #949494;
1242}
1243#autocomplete_menu header hr {
1244 border-bottom-color: transparent;
1245 border-top-color: #000;
1246}
1247#autocomplete_menu h2 {
1248 color: #e6e6e6;
1249}
1250#autocomplete_menu .no_results {
1251 color: #e6e6e6;
1252}
1253#autocomplete_menu .keyword_match .modifier {
1254 color: #949494;
1255}
1256#autocomplete_menu .boxed {
1257 background: #222;
1258 border: 1px solid #363636;
1259 box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
1260}
1261#autocomplete_menu .pickmeup {
1262 border-bottom: 1px solid #363636;
1263}
1264#autocomplete_menu.search_menu .section_header::before,
1265#autocomplete_menu.search_menu.unified .section_header::before {
1266 background-color: #545454;
1267}
1268#autocomplete_menu.search_menu header,
1269#autocomplete_menu.search_menu.unified header {
1270 color: #e6e6e6;
1271}
1272#autocomplete_menu.search_menu header .header_label::before,
1273#autocomplete_menu.search_menu.unified header .header_label::before {
1274 background-color: #363636;
1275}
1276#autocomplete_menu.search_menu .query_header,
1277#autocomplete_menu.search_menu.unified .query_header {
1278 background-color: transparent;
1279}
1280#autocomplete_menu.search_menu .query_header .search_query_preview,
1281#autocomplete_menu.search_menu.unified .query_header .search_query_preview {
1282 color: #e6e6e6;
1283}
1284#autocomplete_menu.search_menu li.highlighted .result_item_btn,
1285#autocomplete_menu.search_menu.unified li.highlighted .result_item_btn {
1286 background: #363636;
1287 color: #e6e6e6;
1288 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
1289}
1290#autocomplete_menu.search_menu li.highlighted .modifier_icon,
1291#autocomplete_menu.search_menu.unified li.highlighted .modifier_icon {
1292 color: #949494;
1293}
1294#autocomplete_menu.search_menu li.highlighted .action_btn,
1295#autocomplete_menu.search_menu.unified li.highlighted .action_btn {
1296 color: #e6e6e6;
1297}
1298#autocomplete_menu.search_menu li.highlighted .delete_btn,
1299#autocomplete_menu.search_menu.unified li.highlighted .delete_btn {
1300 color: #949494;
1301}
1302#autocomplete_menu.search_menu li.highlighted .delete_btn:focus,
1303#autocomplete_menu.search_menu li.highlighted .delete_btn:hover,
1304#autocomplete_menu.search_menu.unified li.highlighted .delete_btn:focus,
1305#autocomplete_menu.search_menu.unified li.highlighted .delete_btn:hover {
1306 color: #bf360c;
1307}
1308#autocomplete_menu.search_menu li.highlighted .muted_text,
1309#autocomplete_menu.search_menu.unified li.highlighted .muted_text {
1310 color: #949494;
1311}
1312#autocomplete_menu.search_menu:not(.keyboard_active) li:focus,
1313#autocomplete_menu.search_menu:not(.keyboard_active) li:hover,
1314#autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus,
1315#autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover,
1316#autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus,
1317#autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover,
1318#autocomplete_menu.search_menu.unified
1319 .results.unified:not(.keyboard_active)
1320 li:focus,
1321#autocomplete_menu.search_menu.unified
1322 .results.unified:not(.keyboard_active)
1323 li:hover {
1324 background: transparent;
1325}
1326#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .muted_text,
1327#autocomplete_menu.search_menu:not(.keyboard_active) li:hover .muted_text,
1328#autocomplete_menu.search_menu
1329 .results.unified:not(.keyboard_active)
1330 li:focus
1331 .muted_text,
1332#autocomplete_menu.search_menu
1333 .results.unified:not(.keyboard_active)
1334 li:hover
1335 .muted_text,
1336#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1337 li:focus
1338 .muted_text,
1339#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1340 li:hover
1341 .muted_text,
1342#autocomplete_menu.search_menu.unified
1343 .results.unified:not(.keyboard_active)
1344 li:focus
1345 .muted_text,
1346#autocomplete_menu.search_menu.unified
1347 .results.unified:not(.keyboard_active)
1348 li:hover
1349 .muted_text {
1350 color: #949494;
1351}
1352#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .result_item_btn,
1353#autocomplete_menu.search_menu:not(.keyboard_active) li:hover .result_item_btn,
1354#autocomplete_menu.search_menu
1355 .results.unified:not(.keyboard_active)
1356 li:focus
1357 .result_item_btn,
1358#autocomplete_menu.search_menu
1359 .results.unified:not(.keyboard_active)
1360 li:hover
1361 .result_item_btn,
1362#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1363 li:focus
1364 .result_item_btn,
1365#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1366 li:hover
1367 .result_item_btn,
1368#autocomplete_menu.search_menu.unified
1369 .results.unified:not(.keyboard_active)
1370 li:focus
1371 .result_item_btn,
1372#autocomplete_menu.search_menu.unified
1373 .results.unified:not(.keyboard_active)
1374 li:hover
1375 .result_item_btn {
1376 background: #363636;
1377 color: #e6e6e6;
1378 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
1379}
1380#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .modifier_icon,
1381#autocomplete_menu.search_menu:not(.keyboard_active) li:hover .modifier_icon,
1382#autocomplete_menu.search_menu
1383 .results.unified:not(.keyboard_active)
1384 li:focus
1385 .modifier_icon,
1386#autocomplete_menu.search_menu
1387 .results.unified:not(.keyboard_active)
1388 li:hover
1389 .modifier_icon,
1390#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1391 li:focus
1392 .modifier_icon,
1393#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1394 li:hover
1395 .modifier_icon,
1396#autocomplete_menu.search_menu.unified
1397 .results.unified:not(.keyboard_active)
1398 li:focus
1399 .modifier_icon,
1400#autocomplete_menu.search_menu.unified
1401 .results.unified:not(.keyboard_active)
1402 li:hover
1403 .modifier_icon {
1404 color: #949494;
1405}
1406#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .action_btn,
1407#autocomplete_menu.search_menu:not(.keyboard_active) li:hover .action_btn,
1408#autocomplete_menu.search_menu
1409 .results.unified:not(.keyboard_active)
1410 li:focus
1411 .action_btn,
1412#autocomplete_menu.search_menu
1413 .results.unified:not(.keyboard_active)
1414 li:hover
1415 .action_btn,
1416#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1417 li:focus
1418 .action_btn,
1419#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1420 li:hover
1421 .action_btn,
1422#autocomplete_menu.search_menu.unified
1423 .results.unified:not(.keyboard_active)
1424 li:focus
1425 .action_btn,
1426#autocomplete_menu.search_menu.unified
1427 .results.unified:not(.keyboard_active)
1428 li:hover
1429 .action_btn {
1430 color: #e6e6e6;
1431}
1432#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn,
1433#autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn,
1434#autocomplete_menu.search_menu
1435 .results.unified:not(.keyboard_active)
1436 li:focus
1437 .delete_btn,
1438#autocomplete_menu.search_menu
1439 .results.unified:not(.keyboard_active)
1440 li:hover
1441 .delete_btn,
1442#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1443 li:focus
1444 .delete_btn,
1445#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1446 li:hover
1447 .delete_btn,
1448#autocomplete_menu.search_menu.unified
1449 .results.unified:not(.keyboard_active)
1450 li:focus
1451 .delete_btn,
1452#autocomplete_menu.search_menu.unified
1453 .results.unified:not(.keyboard_active)
1454 li:hover
1455 .delete_btn {
1456 color: #949494;
1457}
1458#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn:focus,
1459#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn:hover,
1460#autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn:focus,
1461#autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn:hover,
1462#autocomplete_menu.search_menu
1463 .results.unified:not(.keyboard_active)
1464 li:focus
1465 .delete_btn:focus,
1466#autocomplete_menu.search_menu
1467 .results.unified:not(.keyboard_active)
1468 li:focus
1469 .delete_btn:hover,
1470#autocomplete_menu.search_menu
1471 .results.unified:not(.keyboard_active)
1472 li:hover
1473 .delete_btn:focus,
1474#autocomplete_menu.search_menu
1475 .results.unified:not(.keyboard_active)
1476 li:hover
1477 .delete_btn:hover,
1478#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1479 li:focus
1480 .delete_btn:focus,
1481#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1482 li:focus
1483 .delete_btn:hover,
1484#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1485 li:hover
1486 .delete_btn:focus,
1487#autocomplete_menu.search_menu.unified:not(.keyboard_active)
1488 li:hover
1489 .delete_btn:hover,
1490#autocomplete_menu.search_menu.unified
1491 .results.unified:not(.keyboard_active)
1492 li:focus
1493 .delete_btn:focus,
1494#autocomplete_menu.search_menu.unified
1495 .results.unified:not(.keyboard_active)
1496 li:focus
1497 .delete_btn:hover,
1498#autocomplete_menu.search_menu.unified
1499 .results.unified:not(.keyboard_active)
1500 li:hover
1501 .delete_btn:focus,
1502#autocomplete_menu.search_menu.unified
1503 .results.unified:not(.keyboard_active)
1504 li:hover
1505 .delete_btn:hover {
1506 color: #bf360c;
1507}
1508#autocomplete_menu.search_menu .muted_text,
1509#autocomplete_menu.search_menu.unified .muted_text {
1510 color: #949494;
1511}
1512#autocomplete_menu.search_menu .time_modifiers::before,
1513#autocomplete_menu.search_menu.unified .time_modifiers::before {
1514 background-color: #363636;
1515}
1516#autocomplete_menu.search_menu .result_item_btn,
1517#autocomplete_menu.search_menu.unified .result_item_btn {
1518 color: #e6e6e6;
1519}
1520#autocomplete_menu.search_menu
1521 .results.unified
1522 .unified_autocomplete_item
1523 .text,
1524#autocomplete_menu.search_menu.unified
1525 .results.unified
1526 .unified_autocomplete_item
1527 .text {
1528 color: #e6e6e6;
1529}
1530#autocomplete_menu.search_menu
1531 .results.unified
1532 .unified_autocomplete_item
1533 .token,
1534#autocomplete_menu.search_menu.unified
1535 .results.unified
1536 .unified_autocomplete_item
1537 .token {
1538 background-color: #424242;
1539 color: #e6e6e6;
1540}
1541#autocomplete_menu.search_menu .action_btn,
1542#autocomplete_menu.search_menu .modifier_icon,
1543#autocomplete_menu.search_menu.unified .action_btn,
1544#autocomplete_menu.search_menu.unified .modifier_icon {
1545 color: #949494;
1546}
1547#autocomplete_menu.search_menu footer .keyword::before,
1548#autocomplete_menu.search_menu footer .modifier::before,
1549#autocomplete_menu.search_menu footer.unified .keyword::before,
1550#autocomplete_menu.search_menu footer.unified .modifier::before,
1551#autocomplete_menu.search_menu.unified footer .keyword::before,
1552#autocomplete_menu.search_menu.unified footer .modifier::before,
1553#autocomplete_menu.search_menu.unified footer.unified .keyword::before,
1554#autocomplete_menu.search_menu.unified footer.unified .modifier::before {
1555 background: #828282;
1556 border: 1px solid #545454;
1557 color: #e6e6e6;
1558}
1559#autocomplete_menu.search_menu footer .selected .keyword::before,
1560#autocomplete_menu.search_menu footer .selected .modifier::before,
1561#autocomplete_menu.search_menu footer.unified .selected .keyword::before,
1562#autocomplete_menu.search_menu footer.unified .selected .modifier::before,
1563#autocomplete_menu.search_menu.unified footer .selected .keyword::before,
1564#autocomplete_menu.search_menu.unified footer .selected .modifier::before,
1565#autocomplete_menu.search_menu.unified
1566 footer.unified
1567 .selected
1568 .keyword::before,
1569#autocomplete_menu.search_menu.unified
1570 footer.unified
1571 .selected
1572 .modifier::before {
1573 background: rgba(84, 84, 84, 0.25);
1574 border: #828282;
1575}
1576#autocomplete_menu.search_menu footer .modifier.incomplete::before,
1577#autocomplete_menu.search_menu footer.unified .modifier.incomplete::before,
1578#autocomplete_menu.search_menu.unified footer .modifier.incomplete::before,
1579#autocomplete_menu.search_menu.unified
1580 footer.unified
1581 .modifier.incomplete::before {
1582 background: #363636;
1583 border: 1px solid #000;
1584}
1585.search_light_grey {
1586 color: #e6e6e6 !important;
1587}
1588.highlighter_underlay .keyword::before {
1589 background: #828282;
1590 border: 1px solid #545454;
1591 color: #e6e6e6;
1592}
1593.highlighter_underlay .modifier::before {
1594 background: #828282;
1595 border: 1px solid #545454;
1596 color: #e6e6e6;
1597}
1598.highlighter_underlay .modifier.incomplete::before {
1599 background: #363636;
1600 border: 1px solid #000;
1601}
1602.highlighter_underlay .selected .keyword::before,
1603.highlighter_underlay .selected .modifier::before {
1604 background: rgba(130, 130, 130, 0.25);
1605 border: #545454;
1606}
1607.highlighter_underlay .ghost_text {
1608 color: #e6e6e6;
1609}
1610.pickmeup {
1611 background: #222;
1612 border: 1px solid #363636;
1613 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
1614}
1615.pickmeup .pmu-instance .pmu-button {
1616 color: #e6e6e6;
1617}
1618.pickmeup .pmu-instance .pmu-today.pmu-selected,
1619.pickmeup .pmu-instance .pmu-today:hover {
1620 background: #363636 !important;
1621}
1622.pickmeup .pmu-instance .pmu-today.pmu-selected .pmu-today-border,
1623.pickmeup .pmu-instance .pmu-today:hover .pmu-today-border {
1624 background: #828282;
1625 color: #e6e6e6 !important;
1626}
1627.pickmeup .pmu-instance .pmu-today-border {
1628 border: 2px solid #545454 !important;
1629 color: #828282 !important;
1630}
1631.pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover {
1632 background: #545454;
1633 color: #e6e6e6;
1634}
1635.pickmeup .pmu-instance .pmu-not-in-month {
1636 background: #222;
1637 color: #949494;
1638}
1639.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
1640 background: #545454;
1641}
1642.pickmeup .pmu-instance .pmu-disabled {
1643 background: #222;
1644 color: #949494;
1645}
1646.pickmeup .pmu-instance .pmu-disabled:hover {
1647 background: #222;
1648 color: #949494;
1649}
1650.pickmeup .pmu-instance .pmu-selected {
1651 background: #545454;
1652 color: #e6e6e6;
1653}
1654.pickmeup .pmu-instance nav {
1655 color: #949494;
1656}
1657.pickmeup .pmu-instance nav :first-child :hover {
1658 color: #c7c7c7;
1659}
1660.pickmeup .pmu-instance .pmu-months *,
1661.pickmeup .pmu-instance .pmu-years * {
1662 border: 1px solid #363636;
1663}
1664.pickmeup .pmu-instance .pmu-day-of-week {
1665 color: #e6e6e6;
1666}
1667.pickmeup .pmu-instance .pmu-day-of-week * {
1668 border: 1px solid #363636;
1669}
1670.pickmeup .pmu-instance .pmu-days * {
1671 border: 1px solid #363636;
1672}
1673.p-block_kit_date_picker_calendar_wrapper {
1674 background: #363636;
1675 border-color: #545454;
1676 color: #e6e6e6;
1677}
1678.p-block_kit_date_picker_calendar_wrapper .c-calendar_view_header__title_btn {
1679 background: #545454;
1680 border-color: #363636;
1681 color: #e6e6e6;
1682}
1683.p-block_kit_date_picker_calendar_wrapper
1684 .c-date_picker_calendar__date--disabled,
1685.p-block_kit_date_picker_calendar_wrapper
1686 .c-mini_calendar__month_button:disabled {
1687 background: #545454;
1688 color: #828282;
1689}
1690#menu.date_picker .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover,
1691#menu.date_picker .pickmeup .pmu-selected {
1692 background: #545454;
1693}
1694#menu.date_picker li.date_picker_item a {
1695 color: #e6e6e6;
1696}
1697#menu.date_picker li.date_picker_item a:hover {
1698 color: #e6e6e6;
1699}
1700#menu.date_picker li.date_picker_item.highlighted a {
1701 color: #949494;
1702}
1703#file_member_filter {
1704 background: #000;
1705}
1706#client-ui .member_filter {
1707 border: 1px solid #545454;
1708}
1709#client-ui
1710 .member_file_filter_menu
1711 .searchable_member_list_scroller
1712 .team_list_item:hover
1713 .channel_page_member_row {
1714 background: #222;
1715}
1716#client-ui
1717 .member_file_filter_menu
1718 .searchable_member_list_scroller
1719 .team_list_item:hover
1720 .member {
1721 color: #e6e6e6;
1722}
1723#client-ui #team_list_container #team_filter .member_filter {
1724 background-color: #222;
1725 border-left: 1px solid #000;
1726}
1727#client-ui #file_member_filter {
1728 border-color: #545454;
1729}
1730#client-ui #file_member_filter .member_filter {
1731 border-color: #545454;
1732}
1733#client-ui .team_tabs_container {
1734 border-bottom: 1px solid #000;
1735}
1736#team_filter .icon_search {
1737 color: #949494;
1738}
1739#team_filter a.icon_close {
1740 color: #949494;
1741}
1742#team_filter a.icon_close:hover {
1743 color: #c7c7c7;
1744}
1745.filter_header {
1746 background-color: #222;
1747}
1748.popover_menu {
1749 background-color: #222;
1750 border-top: 1px solid #545454;
1751}
1752.popover_menu .arrow::after {
1753 background-color: #000;
1754}
1755.popover_menu .arrow_shadow::after {
1756 background-color: #222;
1757 box-shadow: 0 0 0 1px #545454, 0 0 3px rgba(0, 0, 0, 0.08);
1758}
1759.popover_menu.showing_header .arrow::after,
1760.popover_menu.showing_header .arrow_shadow::after {
1761 background-color: #222 !important;
1762}
1763.popover_menu .content {
1764 background-color: #222;
1765}
1766.tab_complete_ui {
1767 background: #222;
1768 border: 1px solid #363636;
1769 box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5);
1770}
1771.tab_complete_ui .tab_complete_ui_header {
1772 background: padding-box #000;
1773 border-bottom: 1px solid #363636;
1774 color: #e6e6e6;
1775 text-shadow: 0 1px rgba(0, 0, 0, 0.15);
1776}
1777.tab_complete_ui ul.type_emoji li {
1778 color: #e6e6e6;
1779}
1780.tab_complete_ui ul.type_members .broadcast_info,
1781.tab_complete_ui ul.type_members .realname {
1782 color: #e6e6e6;
1783}
1784.tab_complete_ui ul.type_members .unify_broadcast {
1785 color: #e6e6e6;
1786}
1787.tab_complete_ui ul.type_members .unify_broadcast .ts_icon_broadcast {
1788 color: #949494;
1789}
1790.tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_name {
1791 color: #e6e6e6 !important;
1792}
1793.tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_divider {
1794 border-bottom: 0;
1795 border-top-color: #363636;
1796}
1797.tab_complete_ui ul.type_cmds li.tab_complete_ui_item .cmd-left-td,
1798.tab_complete_ui ul.type_cmds li.tab_complete_ui_item .cmd-right-td {
1799 color: #949494;
1800}
1801.tab_complete_ui ul.type_cmds .cmdname {
1802 color: #e6e6e6;
1803}
1804.tab_complete_ui ul.type_cmds .cmddesc {
1805 color: #949494;
1806}
1807.tab_complete_ui li.tab_complete_ui_item,
1808.tab_complete_ui li.tab_complete_ui_group {
1809 border-bottom: 1px solid #363636;
1810}
1811.tab_complete_ui li.tab_complete_ui_item.active,
1812.tab_complete_ui li.tab_complete_ui_group.active {
1813 background: #545454;
1814 border-bottom-color: #363636;
1815 text-shadow: 0 1px rgba(0, 0, 0, 0.15);
1816}
1817.tab_complete_ui li.tab_complete_ui_item.active span,
1818.tab_complete_ui li.tab_complete_ui_group.active span {
1819 color: #e6e6e6 !important;
1820}
1821.tab_complete_ui .not_in_channel {
1822 color: #949494;
1823}
1824#team_menu {
1825 background: #363636;
1826 border-bottom: 2px solid #363636;
1827 color: #e6e6e6;
1828}
1829#team_menu.active,
1830#team_menu:hover {
1831 background: #363636 !important;
1832 border-bottom-color: #363636 !important;
1833}
1834#team_menu.active i,
1835#team_menu:hover i {
1836 color: #e6e6e6;
1837}
1838#team_menu i {
1839 color: #949494;
1840}
1841#team_menu .presence .presence_icon {
1842 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
1843}
1844#team_menu .team_name_caret,
1845#team_menu .notifications_menu_btn {
1846 color: #e6e6e6 !important;
1847}
1848#team_menu_user {
1849 color: #949494;
1850}
1851#team_menu_user_name,
1852#team_menu_user_details {
1853 color: #e6e6e6 !important;
1854 opacity: 0.75;
1855}
1856.slack_menu_section::before {
1857 border-top-color: #222;
1858}
1859.slack_menu_header_secondary {
1860 color: #949494;
1861}
1862.slack_menu_download {
1863 background-color: #363636;
1864}
1865.slack_menu_download ts-icon {
1866 color: #949494;
1867}
1868#menu_items_scroller::-webkit-scrollbar-track {
1869 background: #222 !important;
1870}
1871#limit_meter:hover #limit_meter_message_body {
1872 color: #e6e6e6;
1873}
1874#limit_meter_message_body {
1875 color: #949494;
1876}
1877.channel_header {
1878 background: #222;
1879 box-shadow: inset 1px 0 0 0 #222;
1880}
1881.channel_header .blue_on_hover:hover {
1882 color: #e6e6e6;
1883}
1884#client_body:not(.onboarding)::before {
1885 background: #222;
1886 border-bottom: 1px solid #363636;
1887 box-shadow: inset 1px 0 0 0 #222;
1888}
1889#client_body:not(.onboarding):not(.feature_global_nav_layout)::before {
1890 background: #222;
1891 border-bottom: 1px solid #363636;
1892 box-shadow: inset 1px 0 0 0 #222;
1893}
1894.messages_header {
1895 color: #e6e6e6;
1896}
1897.channel_title .channel_name_container .channel_name {
1898 color: #e6e6e6;
1899}
1900.channel_title .channel_name_container .channel_name.muted {
1901 color: #949494;
1902}
1903.channel_title .channel_name_container .ts_icon_shared_channel.away,
1904.channel_title .channel_name_container .mpdm_member.away {
1905 color: #949494;
1906}
1907.channel_title .channel_name_container .muted_icon {
1908 color: #949494;
1909}
1910.channel_title .channel_name_container .muted_icon:hover {
1911 color: #bf360c;
1912}
1913#im_title.away {
1914 color: #949494;
1915}
1916.channel_header_info button {
1917 color: #949494;
1918}
1919.channel_header_icon {
1920 color: #e6e6e6;
1921}
1922.channel_calls_button .call_icon.call_window_offline {
1923 color: #949494;
1924}
1925.channel_actions_toggle.active:focus,
1926.details_toggle.active:focus {
1927 color: #e6e6e6;
1928}
1929#flex_menu_toggle.active,
1930#flex_menu_toggle.active:focus {
1931 color: #e6e6e6;
1932}
1933#flex_menu_toggle .flex_menu_download_circle {
1934 background: #222;
1935}
1936#flex_menu_toggle .flex_menu_download_circle canvas {
1937 background: #222;
1938}
1939#flex_menu_toggle.unread #help_icon_circle_count {
1940 background-color: #bf360c;
1941 color: #fff;
1942}
1943#flex_menu_toggle.open #help_icon_circle_count {
1944 background-color: #000;
1945 color: #e6e6e6;
1946}
1947#canvases_toggle.active,
1948#details_toggle.active,
1949#recent_mentions_toggle.active,
1950#sli_recap_toggle.active,
1951#stars_toggle.active {
1952 background: #363636;
1953 color: #e6e6e6;
1954}
1955#canvases_toggle.active:hover,
1956#details_toggle.active:hover,
1957#recent_mentions_toggle.active:hover,
1958#sli_recap_toggle.active:hover,
1959#stars_toggle.active:hover {
1960 background: #545454;
1961 color: #e6e6e6;
1962}
1963#recent_mentions_toggle:hover {
1964 color: #bf360c;
1965}
1966#rxn_toast_div {
1967 background: #000;
1968 border: 1px solid #545454;
1969}
1970.presence {
1971 color: #949494;
1972}
1973#edit_topic_inner:not(.unable_to_post)::before {
1974 background: #222;
1975 border-color: #363636;
1976}
1977#edit_topic_trigger {
1978 color: #949494;
1979}
1980.p-classic_nav {
1981 background: #363636;
1982}
1983.p-classic_nav__model__button {
1984 color: #e6e6e6;
1985}
1986.p-classic_nav__model__title__is_you {
1987 color: #828282;
1988}
1989.p-classic_nav__model__title__info {
1990 color: #e6e6e6;
1991}
1992.p-classic_nav__model__title__info__topic:hover
1993 .p-classic_nav__model__title__info__topic__text:before {
1994 background: #222;
1995 color: #e6e6e6;
1996}
1997.p-classic_nav__model__title__name--dim {
1998 color: #828282;
1999}
2000.p-classic_nav__right__button {
2001 color: #e6e6e6;
2002}
2003.p-classic_nav__right__search {
2004 border-color: #e6e6e6;
2005}
2006.p-classic_nav__right__search:hover {
2007 border-color: #828282;
2008}
2009.p-classic_nav__right__search:hover .p-classic_nav__right__search__icon,
2010.p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder {
2011 color: #828282;
2012}
2013.p-classic_nav__right__search__icon,
2014.p-classic_nav__right__search__placeholder {
2015 color: #e6e6e6;
2016}
2017.c-message_list__day_divider__label {
2018 color: #949494;
2019}
2020.c-message_list__day_divider__label__pill {
2021 background: #222;
2022 position: relative;
2023}
2024.c-message_list__day_divider__line {
2025 border-top-color: #363636;
2026}
2027.day_divider,
2028.mention_day_container_div .day_divider {
2029 background: #222;
2030 color: #949494;
2031}
2032.day_divider hr,
2033.mention_day_container_div .day_divider hr {
2034 border-bottom: 0;
2035 border-top: 1px solid #363636;
2036}
2037.day_divider .day_divider_label {
2038 background: #222;
2039}
2040.day_container .day_msgs {
2041 border-top: 1px solid #363636;
2042}
2043.day_container.unread_day_container .day_msgs {
2044 border-color: #828282;
2045}
2046.day_container .day_divider {
2047 background: none;
2048 color: #949494;
2049}
2050.day_container .day_divider .day_divider_label {
2051 background: #222;
2052}
2053.search_form {
2054 border-color: #545454;
2055}
2056.search_form .search_input {
2057 background: transparent;
2058}
2059.search_form:hover {
2060 border-color: #828282;
2061}
2062.search_focused .search_form {
2063 border-color: #828282;
2064}
2065.search_clear_icon .ts_icon_times_circle {
2066 color: #949494;
2067}
2068#search_spinner {
2069 color: #e6e6e6;
2070}
2071#search_container .search_input {
2072 background: transparent;
2073}
2074#search_container .icon_search {
2075 color: #949494;
2076}
2077#search_container .icon_close {
2078 color: #949494;
2079}
2080#team_filter .icon_search,
2081#team_filter .ts_icon_spinner,
2082#user_group_filter .icon_search,
2083#user_group_filter .ts_icon_spinner,
2084.searchable_member_list_search_bar .icon_search,
2085.searchable_member_list_search_bar .ts_icon_spinner {
2086 color: #949494;
2087}
2088#team_filter a.icon_close,
2089#user_group_filter a.icon_close,
2090.searchable_member_list_search_bar a.icon_close {
2091 color: #949494;
2092}
2093#team_filter a.icon_close:hover,
2094#user_group_filter a.icon_close:hover,
2095.searchable_member_list_search_bar a.icon_close:hover {
2096 color: #c7c7c7;
2097}
2098.c-search {
2099 background: transparent;
2100}
2101.c-search_message__body {
2102 color: #e6e6e6;
2103}
2104.p-search_filter__more_link {
2105 color: #e6e6e6;
2106}
2107.p-search_filter__title_text {
2108 background: #363636;
2109 color: #e6e6e6;
2110}
2111.p-search_filter__date:first-child .p-search_filter__datepicker_trigger {
2112 border-top-left-radius: 4px;
2113 border-top-right-radius: 4px;
2114}
2115.p-search_filter__date:last-child .p-search_filter__datepicker_trigger {
2116 border-bottom-left-radius: 4px;
2117 border-bottom-right-radius: 4px;
2118}
2119.p-search_filter__date .p-search_filter__datepicker_trigger {
2120 background: #363636;
2121 border-color: #545454;
2122 color: #e6e6e6;
2123}
2124.p-search_filter__date .p-search_filter__datepicker_trigger:hover {
2125 color: #949494;
2126}
2127.c-search_modal .popover > div,
2128.c-search_modal .c-search__input_box,
2129.c-search_modal:not(.c-search_modal--primarysearch) .popover > div,
2130.c-search_modal:not(.c-search_modal--primarysearch) .c-search__input_box {
2131 background: #363636;
2132 border-color: #545454;
2133 color: #e6e6e6;
2134}
2135.c-search_autocomplete footer {
2136 background: #363636;
2137 border-color: #545454;
2138 color: #e6e6e6;
2139}
2140.c-search_autocomplete__suggestion_item {
2141 color: #e6e6e6;
2142}
2143.c-search_autocomplete__suggestion_item--selected {
2144 background-color: #424242;
2145}
2146.c-search_autocomplete__suggestion_item .token {
2147 background-color: #222222;
2148 color: #e6e6e6;
2149}
2150.c-search__input_and_close {
2151 border-bottom-color: #000;
2152}
2153.c-search__input_box__clear,
2154.c-search__input_box__icon,
2155.c-search__section_header,
2156.c-search__input_and_close__close {
2157 color: #e6e6e6;
2158}
2159#msgs_overlay_div {
2160 background: #222;
2161}
2162#col_messages {
2163 box-shadow: inset 1px 0 0 0 #222;
2164}
2165.c-mrkdwn__broadcast--mention,
2166.c-mrkdwn__broadcast--mention:hover,
2167.c-mrkdwn__highlight,
2168.c-mrkdwn__mention,
2169.c-mrkdwn__mention:hover,
2170.c-mrkdwn__subteam--mention,
2171.c-mrkdwn__subteam--mention:hover,
2172.mention_yellow_bg {
2173 background-color: #fff6d1;
2174 color: #363636;
2175}
2176.c-message:hover .c-message__broadcast_preamble_outer,
2177.c-message:hover .c-message__broadcast_preamble {
2178 color: #949494;
2179}
2180.c-message--hover
2181 .c-message__broadcast_preamble_outer
2182 .c-message--focus
2183 .c-message__broadcast_preamble_outer,
2184.c-message--hover
2185 .c-message__broadcast_preamble_outer
2186 .c-message--focus
2187 .c-message__broadcast_preamble,
2188.c-message--hover
2189 .c-message__broadcast_preamble
2190 .c-message--focus
2191 .c-message__broadcast_preamble_outer,
2192.c-message--hover
2193 .c-message__broadcast_preamble
2194 .c-message--focus
2195 .c-message__broadcast_preamble {
2196 color: #949494;
2197}
2198.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),
2199.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),
2200.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) {
2201 background: rgba(0, 0, 0, 0.1);
2202}
2203.c-message:hover .c-message__body--automated,
2204.c-message--hover
2205 .c-message__body--automated
2206 .c-message--focus
2207 .c-message__body--automated {
2208 color: #949494;
2209}
2210.c-message:hover .c-message__file_meta,
2211.c-message--hover
2212 .c-message__file_meta
2213 .c-message--focus
2214 .c-message__file_meta {
2215 color: #949494;
2216}
2217.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) {
2218 background: rgba(0, 0, 0, 0.1);
2219}
2220.c-message--pinned,
2221.c-message--sli_highlight:not(.c-message--sli_highlight_negative),
2222.c-message--starred {
2223 background: rgba(0, 0, 0, 0.2);
2224}
2225.c-message--custom_response {
2226 background: rgba(0, 0, 0, 0.15);
2227}
2228.c-message--sli_highlight_negative,
2229.c-message--ephemeral {
2230 background: rgba(0, 0, 0, 0.1);
2231}
2232.c-message--pinned .c-message__label__icon {
2233 color: #bf360c;
2234}
2235.c-message--custom_response .c-message__label__icon,
2236.c-message--sli_highlight .c-message__label__icon {
2237 color: #e6e6e6;
2238}
2239.c-message--sli_highlight .c-message__label .c-mrkdwn__member--link,
2240.c-message--sli_highlight
2241 .c-message__label
2242 .c-mrkdwn__channel.internal_channel_link {
2243 color: #949494;
2244}
2245.c-message--sli_highlight_negative .c-message__label {
2246 background: rgba(0, 0, 0, 0.1);
2247}
2248.c-message--resend .c-message__body {
2249 color: #949494;
2250}
2251.c-message--deleting {
2252 background: rgba(191, 54, 12, 0.6);
2253}
2254.c-message--standalone {
2255 border-color: rgba(84, 84, 84, 0.1);
2256}
2257.c-message--unprocessed .c-message__body {
2258 animation: to-grey 50ms linear 10s forwards;
2259}
2260.c-message__broadcast_preamble_outer,
2261.c-message__broadcast_preamble {
2262 color: #949494;
2263}
2264.c-message__sender {
2265 color: #e6e6e6;
2266}
2267.c-message__sender a {
2268 color: #e6e6e6;
2269}
2270.c-message__sender .c-emoji__text_mode_icon {
2271 color: #949494;
2272}
2273.c-message__body {
2274 color: #e6e6e6;
2275}
2276.c-message__body--unknown {
2277 background: rgba(84, 84, 84, 0.1);
2278}
2279.c-message__body--automated {
2280 color: #949494;
2281}
2282.c-message__body--tombstone {
2283 color: #949494;
2284}
2285.c-message__label {
2286 color: #949494;
2287}
2288.c-message__label__highlight_title {
2289 color: #e6e6e6;
2290}
2291.c-message__label__highlight_positive,
2292.c-message__label__highlight_negative {
2293 color: #949494;
2294}
2295.c-message__label__highlight_positive--active,
2296.c-message__label__highlight_negative--active {
2297 color: #e6e6e6;
2298}
2299.c-message__resend_controls {
2300 color: #949494;
2301}
2302.c-message__resend_column {
2303 background-color: rgba(84, 84, 84, 0.1);
2304}
2305.c-message__resend,
2306.c-message__cancel {
2307 color: #e6e6e6;
2308}
2309.c-message__edited_label {
2310 color: #949494;
2311}
2312.c-message__tombstone_icon {
2313 background: rgba(84, 84, 84, 0.1);
2314 color: #949494;
2315}
2316.c-message__bot_label {
2317 background: rgba(84, 84, 84, 0.1);
2318 color: #949494;
2319}
2320.c-message__comment:before {
2321 color: #949494;
2322}
2323.c-message__call_attachment {
2324 background: #222;
2325 border-color: rgba(84, 84, 84, 0.1);
2326}
2327.c-message__call_icon {
2328 color: #e6e6e6;
2329}
2330.c-message__call--ended .c-message__call_icon {
2331 color: #949494;
2332}
2333.c-message__call_info {
2334 color: #e6e6e6;
2335}
2336.c-message__call_name--linked {
2337 color: #e6e6e6;
2338}
2339.c-message__call_name + .c-message__call_description::before {
2340 color: #949494;
2341}
2342.c-message__call_sub {
2343 color: #949494;
2344}
2345.c-message_attachment__author_name,
2346.c-message_attachment__author_name.clink--button,
2347.c-message_attachment__author_name.clink--button:active,
2348.c-message_attachment__author_name.clink--button:focus,
2349.c-message_attachment__author_name.clink--button:hover {
2350 color: #e6e6e6;
2351}
2352.c-message_actions__container {
2353 background: #222;
2354 border-color: #363636;
2355}
2356.c-message_actions__container:hover {
2357 border-color: #545454;
2358 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
2359}
2360.c-message_actions__button {
2361 border-right-color: #363636;
2362 color: #949494;
2363}
2364.c-message_actions__button:hover {
2365 color: #e6e6e6;
2366}
2367.c-message_actions__button:active {
2368 background: #363636;
2369}
2370.c-message_group {
2371 background-color: #222;
2372 border-color: #363636;
2373}
2374.c-message_group:hover .c-message_group__header {
2375 color: #949494;
2376}
2377.c-message_group__header {
2378 color: #e6e6e6;
2379}
2380.c-message_group__divider_text {
2381 background-color: #222;
2382 color: #e6e6e6;
2383}
2384.c-app_badge {
2385 background: #545454;
2386 box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
2387 color: #949494;
2388}
2389.c-message_list__unread_divider__separator {
2390 border-color: #949494;
2391}
2392.c-message_list__unread_divider__label {
2393 background: #545454;
2394 box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
2395 color: #949494;
2396}
2397.c-message_list__spinner {
2398 color: #949494;
2399}
2400.c-message_list .c-scrollbar__bar {
2401 background: #424242;
2402}
2403.c-virtual_list__item--focus:focus .c-message_list__focus_indicator {
2404 box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8);
2405}
2406ts-message {
2407 color: #e6e6e6;
2408}
2409ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply),
2410ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply),
2411ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply) {
2412 background: rgba(0, 0, 0, 0.1);
2413 box-shadow: inset 1px 0 0 0 #222;
2414}
2415ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned,
2416ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned),
2417ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned,
2418ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned),
2419ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned,
2420ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned) {
2421 background: rgba(0, 0, 0, 0.2);
2422}
2423ts-message.active .edited,
2424ts-message.active .reply_bar .last_reply_at,
2425ts-message.active .timestamp,
2426ts-message.active.automated .message_body,
2427ts-message.message--focus .edited,
2428ts-message.message--focus .reply_bar .last_reply_at,
2429ts-message.message--focus .timestamp,
2430ts-message.message--focus.automated .message_body,
2431ts-message:hover .edited,
2432ts-message:hover .reply_bar .last_reply_at,
2433ts-message:hover .timestamp,
2434ts-message:hover.automated .message_body {
2435 color: #949494;
2436}
2437ts-message.active .meta,
2438ts-message.message--focus .meta,
2439ts-message:hover .meta {
2440 color: #949494 !important;
2441}
2442ts-message.active .meta.msg_inline_file_preview_toggler a,
2443ts-message.message--focus .meta.msg_inline_file_preview_toggler a,
2444ts-message:hover .meta.msg_inline_file_preview_toggler a {
2445 color: #949494 !important;
2446}
2447ts-message.is_pinned {
2448 background: rgba(0, 0, 0, 0.15);
2449}
2450ts-message .timestamp {
2451 color: #949494;
2452}
2453ts-message .temp_msg_controls {
2454 color: #949494;
2455}
2456ts-message .edited {
2457 color: rgba(148, 148, 148, 0.8);
2458}
2459ts-message:hover .edited {
2460 color: #949494;
2461}
2462ts-message .only_visible_to_user {
2463 color: #949494;
2464}
2465ts-message.ephemeral {
2466 color: #e6e6e6;
2467}
2468ts-message .bot_label {
2469 background: #000;
2470 color: #949494;
2471}
2472ts-message .in_reply_to {
2473 background: #000;
2474 color: #949494;
2475}
2476ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) {
2477 border: 1px solid #363636;
2478}
2479ts-message.unprocessed {
2480 color: rgba(230, 230, 230, 0.75);
2481}
2482ts-message.highlight {
2483 background: rgba(191, 54, 12, 0.4);
2484}
2485ts-message.highlight:hover {
2486 background: rgba(191, 54, 12, 0.4);
2487}
2488ts-message .is_highlights_holder {
2489 color: #949494;
2490}
2491ts-message .is_highlights_holder ts-icon {
2492 color: #949494;
2493}
2494ts-message .is_highlights_holder .highlights_feedback_link {
2495 color: #949494;
2496}
2497ts-message
2498 .is_highlights_holder
2499 .highlights_feedback
2500 a:not(.highlights_feedback_link) {
2501 color: #e6e6e6;
2502}
2503ts-message .recap_highlight {
2504 background: rgba(191, 54, 12, 0.4);
2505}
2506ts-message .recap_highlight a {
2507 color: #e6e6e6;
2508}
2509ts-message.delete_mode,
2510ts-message.multi_delete_mode {
2511 background: rgba(191, 54, 12, 0.75);
2512}
2513ts-message.automated .message_body {
2514 color: rgba(230, 230, 230, 0.8);
2515}
2516ts-message .action_hover_container {
2517 border: 1px solid #363636;
2518}
2519ts-message .action_hover_container:hover {
2520 border-color: #545454;
2521 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
2522}
2523ts-message .action_hover_container:hover a {
2524 background: #363636;
2525 border-right: 1px solid #545454;
2526}
2527ts-message .action_hover_container .btn_msg_action {
2528 background: #222;
2529 border-right: 1px solid #363636;
2530 color: #949494;
2531}
2532ts-message .action_hover_container .btn_msg_action:hover {
2533 color: #e6e6e6;
2534}
2535ts-message .action_hover_container .btn_msg_action.active,
2536ts-message .action_hover_container .btn_msg_action:active {
2537 background: #363636;
2538 color: #e6e6e6;
2539}
2540ts-message.selected {
2541 background: #222;
2542}
2543ts-message.selected:not(.delete_mode) {
2544 background: #222;
2545}
2546ts-message.selected:hover {
2547 background: rgba(0, 0, 0, 0.15);
2548}
2549ts-message .meta {
2550 color: #949494;
2551}
2552ts-message .meta.msg_inline_img_toggler .member,
2553ts-message .meta.msg_inline_img_toggler .service_link,
2554ts-message .meta.msg_inline_file_preview_toggler .member,
2555ts-message .meta.msg_inline_file_preview_toggler .service_link {
2556 color: #949494 !important;
2557}
2558ts-message .meta.msg_inline_img_toggler .msg_inline_media_toggler,
2559ts-message .meta.msg_inline_img_toggler .ts_icon_dropbox,
2560ts-message .meta.msg_inline_img_toggler a,
2561ts-message .meta.msg_inline_file_preview_toggler .msg_inline_media_toggler,
2562ts-message .meta.msg_inline_file_preview_toggler .ts_icon_dropbox,
2563ts-message .meta.msg_inline_file_preview_toggler a {
2564 color: #949494 !important;
2565}
2566ts-message .pinned_item_message_header {
2567 color: #949494;
2568}
2569ts-message .mention {
2570 background: #828282 !important;
2571 color: #e6e6e6 !important;
2572}
2573ts-message .internal_member_link {
2574 background: #222 !important;
2575 border: 0;
2576 color: #949494 !important;
2577}
2578ts-message .internal_member_link:hover {
2579 color: #c7c7c7 !important;
2580}
2581ts-message.show_recap:not(.is_pinned) {
2582 background: rgba(0, 0, 0, 0.15);
2583}
2584ts-message.show_recap:not(.is_pinned):hover {
2585 background: rgba(0, 0, 0, 0.15);
2586}
2587.ephemeral.message .message_content {
2588 color: #e6e6e6;
2589}
2590ts-mention {
2591 background: rgba(130, 130, 130, 0.1) !important;
2592 color: #e6e6e6 !important;
2593}
2594.selecting_messages ts-message:hover {
2595 background: #000;
2596}
2597.selecting_messages ts-message.multi_delete_mode:hover {
2598 background: rgba(191, 54, 12, 0.75);
2599}
2600#convo_container {
2601 background-color: #222;
2602}
2603#convo_container #message_edit_container {
2604 border-bottom: 1px solid #545454;
2605 border-top: 1px solid #545454;
2606}
2607#convo_container ts-conversation::after {
2608 background: rgba(0, 0, 0, 0.08);
2609 background: -webkit-gradient(
2610 linear,
2611 left bottom,
2612 left top,
2613 color-stop(0, transparent),
2614 color-stop(1, rgba(0, 0, 0, 0.08))
2615 );
2616 background: -moz-linear-gradient(
2617 center bottom,
2618 transparent 0,
2619 rgba(0, 0, 0, 0.08) 100%
2620 );
2621}
2622#convo_container ts-conversation::before {
2623 background: transparent;
2624 background: -webkit-gradient(
2625 linear,
2626 left bottom,
2627 left top,
2628 color-stop(0, rgba(0, 0, 0, 0.08)),
2629 color-stop(1, transparent)
2630 );
2631 background: -moz-linear-gradient(
2632 center bottom,
2633 rgba(0, 0, 0, 0.08) 0,
2634 transparent 100%
2635 );
2636}
2637#convo_container ts-conversation ts-message.selected {
2638 background: #222;
2639}
2640#convo_container ts-conversation ts-relatives::after {
2641 background: #545454;
2642}
2643#convo_container
2644 ts-conversation
2645 ts-relatives
2646 ts-message.deleted
2647 .message_icon
2648 i {
2649 background-color: #545454;
2650 color: #949494;
2651}
2652#convo_container
2653 ts-conversation
2654 ts-relatives
2655 ts-message.deleted
2656 .message_content {
2657 color: #e6e6e6;
2658}
2659#convo_container
2660 ts-conversation
2661 ts-relatives
2662 ts-message:not(.selected):not(.highlight):not(.delete_mode) {
2663 background-color: #222;
2664}
2665#convo_container
2666 ts-conversation
2667 ts-relatives
2668 ts-message:not(.selected):not(.highlight):not(.delete_mode).new {
2669 background-color: #2f2f2f;
2670}
2671#msgs_div .unread_divider hr {
2672 border-top: 1px solid #545454;
2673}
2674#msgs_div .unread_divider .divider_label {
2675 background: #222;
2676 color: #545454;
2677}
2678#msgs_div .unread_divider.no_unreads hr {
2679 border-top-color: #363636;
2680}
2681#msgs_div .unread_divider.no_unreads .divider_label {
2682 color: #949494;
2683}
2684.channel_archive_messages.card .col:first-child {
2685 border-right: 1px solid #545454;
2686}
2687.star {
2688 color: #949494;
2689}
2690.star_item {
2691 border-bottom: 1px solid #000;
2692}
2693.star_item .star_meta {
2694 color: #949494;
2695}
2696.bot_message .message_sender {
2697 color: #e6e6e6;
2698}
2699.bot_message .message_sender a {
2700 color: #e6e6e6;
2701}
2702.color_USLACKBOT:not(.nuc),
2703#col_channels ul li:not(.active):not(.away) > .color_USLACKBOT:not(.nuc),
2704#col_channels:not(.show_presence) ul li > .color_USLACKBOT:not(.nuc) {
2705 color: #e6e6e6;
2706}
2707#msgs_scroller_div #end_display_div #end_display_status {
2708 color: #949494;
2709}
2710#msgs_scroller_div #end_display_div #end_display_meta {
2711 color: #949494;
2712}
2713#msgs_scroller_div #end_display_div #end_display_meta h1 {
2714 color: #e6e6e6;
2715}
2716#msgs_scroller_div #end_display_div p {
2717 color: #e6e6e6;
2718}
2719.member_mentions_options {
2720 background-color: #000;
2721 border-top: 1px solid #363636;
2722}
2723.dm_badge .dm_badge_meta {
2724 color: #e6e6e6;
2725}
2726.dm_badge a {
2727 color: #949494;
2728}
2729.dm_badge a.member_preview_link {
2730 color: #949494;
2731}
2732.dm_badge .dm_badge:hover a {
2733 color: #949494;
2734}
2735.dm_badge .hint {
2736 color: #949494;
2737}
2738#toggle-subscription-status .subscription_desc {
2739 color: #949494;
2740}
2741.bot_label {
2742 background: #000;
2743 color: #949494;
2744}
2745@keyframes to-grey {
2746 0% {
2747 color: inherit;
2748 }
2749 100% {
2750 color: #949494;
2751 }
2752}
2753@keyframes fade-background-highlight {
2754 0% {
2755 background: #545454;
2756 }
2757 100% {
2758 background: transparent;
2759 }
2760}
2761@keyframes border_focus_animation {
2762 0% {
2763 box-shadow: 0 0 4px 0.25px #545454, 0 0 0 0.5px #828282;
2764 }
2765 100% {
2766 box-shadow: 0 0 4px 0 #545454, 0 0 0 0 #828282;
2767 }
2768}
2769.c-message_attachment {
2770 color: #e6e6e6;
2771}
2772.c-message_attachment__border {
2773 background-color: #545454;
2774}
2775.c-message_attachment__delete {
2776 color: #949494;
2777}
2778.c-message_attachment__delete:hover {
2779 color: #c7c7c7;
2780}
2781.c-message_attachment__pretext {
2782 color: #e6e6e6;
2783}
2784.c-message_attachment__part + .c-message_attachment__part::before {
2785 color: #545454;
2786}
2787.c-message_attachment__author .c-message_attachment__author--distinct {
2788 color: #949494;
2789}
2790.c-message_attachment__author_link + .c-message_attachment__author_link {
2791 color: #949494;
2792}
2793.c-message_attachment__author_name {
2794 color: #949494;
2795}
2796.c-message_attachment__title_link span {
2797 color: #e6e6e6;
2798}
2799.c-message_attachment__text_expander {
2800 color: #949494;
2801}
2802.c-message_attachment__footer {
2803 color: #949494;
2804}
2805.c-message_attachment__image,
2806.c-message_attachment__thumb,
2807.c-message_attachment__video_thumb {
2808 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
2809}
2810.c-message_attachment__video_html {
2811 background-color: rgba(34, 34, 34, 0.4);
2812}
2813.c-message_attachment__video_buttons {
2814 background: rgba(0, 0, 0, 0.4);
2815}
2816.c-message_attachment__video_link:visited,
2817.c-message_attachment__video_link:link {
2818 color: #e6e6e6;
2819}
2820.c-message_attachment__video_play,
2821.c-message_attachment__video_link {
2822 color: #e6e6e6;
2823 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
2824}
2825.c-message_attachment__video_play:hover,
2826.c-message_attachment__video_link:hover {
2827 color: #e6e6e6;
2828}
2829.c-message_attachment__media_trigger .c-expandable_trigger {
2830 color: #949494;
2831}
2832.c-message_attachment__media_trigger--too_large {
2833 color: #949494;
2834}
2835.c-message_attachment__select {
2836 border-color: #000;
2837}
2838.c-message_attachment__select:hover,
2839.c-message_attachment__select:active {
2840 border-color: #545454;
2841}
2842.c-message__reply_bar:hover,
2843.c-message__reply_bar--focus {
2844 background-color: #222;
2845 border-color: #000;
2846}
2847.c-message__reply_bar:hover .c-message__reply_bar_arrow,
2848.c-message__reply_bar--focus .c-message__reply_bar_arrow {
2849 color: #949494;
2850}
2851.c-message__reply_bar:hover .c-message__reply_bar_view_thread,
2852.c-message__reply_bar--focus .c-message__reply_bar_view_thread {
2853 background-color: #545454;
2854}
2855.c-message__reply_bar_description {
2856 color: #949494;
2857}
2858.c-message__file_meta {
2859 color: #949494;
2860}
2861.c-message__image_container {
2862 background: rgba(0, 0, 0, 0.1);
2863}
2864.c-message__image_wrapper:after {
2865 border-color: transparent;
2866}
2867.c-message_kit__labels__label {
2868 color: #949494;
2869}
2870.c-message_kit__file__meta {
2871 color: #e6e6e6;
2872}
2873.attachment_group.has_container {
2874 background: #222;
2875 border: 1px solid #363636;
2876}
2877.attachment_group.has_container .inline_attachment::after {
2878 background-color: #363636;
2879}
2880.attachment_group.has_container.has_link:hover {
2881 border-bottom-color: #363636;
2882 border-left-color: #363636;
2883 border-right-color: #363636;
2884 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
2885}
2886.attachment_group .media_caret {
2887 color: #949494;
2888}
2889.attachment_group .attachment_source span {
2890 color: #949494 !important;
2891}
2892.attachment_group
2893 .attachment_source
2894 .attachment_source_name
2895 + .attachment_author_name::before {
2896 color: #949494;
2897}
2898.attachment_group .inline_attachment.reply_broadcast + .attachment_rule {
2899 color: #949494;
2900}
2901.attachment_group .inline_attachment.reply_broadcast + .attachment_rule::after {
2902 border-bottom: 1px solid #363636;
2903}
2904.attachment_group
2905 .inline_attachment.message_unfurl
2906 .attachment_source
2907 .attachment_source_name
2908 a,
2909.attachment_group
2910 .inline_attachment.message_unfurl
2911 .attachment_source
2912 .attachment_source_name
2913 span {
2914 color: #949494;
2915}
2916.attachment_group .attachment_title a {
2917 color: #e6e6e6;
2918}
2919.attachment_group .attachment_footer_text + .attachment_ts::before {
2920 color: #949494;
2921}
2922.attachment_group .delete_attachment_link ts-icon::before {
2923 color: #949494;
2924}
2925.attachment_group .delete_attachment_link:hover ts-icon::before {
2926 color: #c7c7c7;
2927}
2928.attachment_still_pending ts-inline-saver {
2929 color: #949494;
2930}
2931.msg_inline_attachment_column.column_border {
2932 background-color: #545454;
2933}
2934.msg_inline_img_holder .msg_inline_img {
2935 box-shadow: inset 0 0 0 1px #000;
2936}
2937.msg_inline_attachment_collapser,
2938.msg_inline_attachment_expander,
2939.msg_inline_img_collapser,
2940.msg_inline_img_expander,
2941.msg_inline_media_toggler,
2942.msg_inline_room_preview_collapser,
2943.msg_inline_room_preview_expander {
2944 color: #949494;
2945}
2946.msg_inline_attachment_collapser:hover,
2947.msg_inline_attachment_expander:hover,
2948.msg_inline_img_collapser:hover,
2949.msg_inline_img_expander:hover,
2950.msg_inline_media_toggler:hover,
2951.msg_inline_room_preview_collapser:hover,
2952.msg_inline_room_preview_expander:hover {
2953 color: #c7c7c7;
2954}
2955.msg_inline_img {
2956 background: #545454;
2957}
2958.msg_inline_room_preview_collapser {
2959 color: #949494;
2960}
2961.msg_inline_room_preview_collapser:hover {
2962 color: #949494;
2963}
2964.inline_attachment span.attachment_author_name {
2965 color: #949494;
2966}
2967.inline_attachment span.attachment_author_subname,
2968.inline_attachment span.attachment_service_name {
2969 color: #949494;
2970}
2971.inline_attachment a span:active,
2972.inline_attachment a span:hover {
2973 color: #c7c7c7 !important;
2974}
2975.inline_attachment .attachment_footer,
2976.inline_attachment .attachment_ts {
2977 color: #949494;
2978}
2979.inline_attachment .attachment_footer a,
2980.inline_attachment .attachment_ts a {
2981 color: #949494;
2982}
2983.inline_attachment .attachment_footer a:active,
2984.inline_attachment .attachment_footer a:hover {
2985 color: #c7c7c7 !important;
2986}
2987.inline_attachment .attachment_ts a:active,
2988.inline_attachment .attachment_ts a:hover {
2989 color: #c7c7c7 !important;
2990}
2991.inline_attachment .iframe_placeholder,
2992.inline_attachment iframe {
2993 background-color: #000;
2994}
2995.meta.msg_inline_file_preview_toggler,
2996.meta.msg_inline_img_toggler,
2997.dense_meta.msg_inline_file_preview_toggler,
2998.dense_meta.msg_inline_img_toggler {
2999 color: #949494 !important;
3000}
3001.meta.msg_inline_file_preview_toggler a[data-file-id],
3002.meta.msg_inline_img_toggler a[data-file-id],
3003.dense_meta.msg_inline_file_preview_toggler a[data-file-id],
3004.dense_meta.msg_inline_img_toggler a[data-file-id] {
3005 color: #949494 !important;
3006}
3007.meta.msg_inline_file_preview_toggler:hover,
3008.meta.msg_inline_img_toggler:hover,
3009.dense_meta.msg_inline_file_preview_toggler:hover,
3010.dense_meta.msg_inline_img_toggler:hover {
3011 color: #c7c7c7 !important;
3012}
3013.meta.msg_inline_file_preview_toggler:hover a[data-file-id],
3014.meta.msg_inline_img_toggler:hover a[data-file-id],
3015.dense_meta.msg_inline_file_preview_toggler:hover a[data-file-id],
3016.dense_meta.msg_inline_img_toggler:hover a[data-file-id] {
3017 color: #c7c7c7 !important;
3018}
3019.meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title,
3020.meta.msg_inline_img_toggler .msg_inline_file_preview_title,
3021.dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title,
3022.dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title {
3023 color: #e6e6e6;
3024}
3025.meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover,
3026.meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover,
3027.dense_meta.msg_inline_file_preview_toggler
3028 .msg_inline_file_preview_title:hover,
3029.dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover {
3030 color: #949494;
3031}
3032.meta.msg_inline_file_preview_toggler .ts_icon.msg_inline_media_toggler:hover,
3033.meta.msg_inline_img_toggler .ts_icon.msg_inline_media_toggler:hover,
3034.dense_meta.msg_inline_file_preview_toggler
3035 .ts_icon.msg_inline_media_toggler:hover,
3036.dense_meta.msg_inline_img_toggler .ts_icon.msg_inline_media_toggler:hover {
3037 color: #c7c7c7 !important;
3038}
3039.meta.meta_feature_fix_files .file_new_window_link:hover,
3040.dense_meta.meta_feature_fix_files .file_new_window_link:hover {
3041 color: #c7c7c7 !important;
3042}
3043.meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon,
3044.dense_meta.meta_feature_fix_files
3045 .file_new_window_link:hover
3046 .file_inline_icon {
3047 color: #c7c7c7 !important;
3048}
3049.meta.meta_feature_fix_files .member,
3050.dense_meta.meta_feature_fix_files .member {
3051 color: #949494 !important;
3052}
3053.delete_attachment_link {
3054 color: #949494;
3055}
3056.delete_attachment_link:hover {
3057 color: #c7c7c7;
3058}
3059.file_container,
3060.c-file_container {
3061 background: #000;
3062 border: 1px solid #363636;
3063 color: #e6e6e6;
3064}
3065.file_container:hover,
3066.file_container:focus,
3067.file_container.file_menu_open,
3068.c-file_container:hover,
3069.c-file_container:focus,
3070.c-file_container.file_menu_open {
3071 border-bottom-color: #363636;
3072 border-left-color: #363636;
3073 border-right-color: #363636;
3074}
3075.file_container::after,
3076.file_container.post_container::after,
3077.c-file_container::after,
3078.c-file_container.post_container::after {
3079 background-image: -webkit-linear-gradient(
3080 top,
3081 rgba(34, 34, 34, 0) 0,
3082 #222 100%
3083 );
3084 background-image: -moz-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%);
3085 background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%);
3086 background-image: linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%);
3087}
3088.file_container.generic_container .file_header_icon .ts_icon,
3089.c-file_container.generic_container .file_header_icon .ts_icon {
3090 background: #222;
3091 box-shadow: 0 0 0 3px #222;
3092 color: #e6e6e6;
3093}
3094.file_container.generic_container .file_header_icon .ts_icon.snippet,
3095.c-file_container.generic_container .file_header_icon .ts_icon.snippet {
3096 background: #363636;
3097}
3098.file_container.generic_container .file_header_meta .meta_hover,
3099.c-file_container.generic_container .file_header_meta .meta_hover {
3100 background: #000;
3101 color: #e6e6e6;
3102}
3103.file_container .file_header .file_header_meta,
3104.c-file_container .file_header .file_header_meta {
3105 color: #949494;
3106}
3107.file_container .file_header + .file_body,
3108.c-file_container .file_header + .file_body {
3109 border-top: 1px solid #000;
3110}
3111.file_container .preview_actions .btn,
3112.c-file_container .preview_actions .btn {
3113 background-color: #363636;
3114 color: #e6e6e6 !important;
3115}
3116.file_container .preview_actions .btn::after,
3117.c-file_container .preview_actions .btn::after {
3118 border-color: #000;
3119}
3120.file_container .preview_actions .btn.preview_show_less_header,
3121.c-file_container .preview_actions .btn.preview_show_less_header {
3122 background-color: rgba(130, 130, 130, 0.9);
3123 color: #e6e6e6 !important;
3124}
3125.file_container .preview_actions .btn.preview_show_less_header::after,
3126.c-file_container .preview_actions .btn.preview_show_less_header::after {
3127 border: 2px solid #000;
3128}
3129.file_container .preview_actions .btn.preview_show_less_header:focus,
3130.file_container .preview_actions .btn.preview_show_less_header:hover,
3131.c-file_container .preview_actions .btn.preview_show_less_header:focus,
3132.c-file_container .preview_actions .btn.preview_show_less_header:hover {
3133 background-color: #363636;
3134}
3135.file_container .preview_actions .btn.preview_show_less_header:focus::after,
3136.file_container .preview_actions .btn.preview_show_less_header:hover::after,
3137.c-file_container .preview_actions .btn.preview_show_less_header:focus::after,
3138.c-file_container .preview_actions .btn.preview_show_less_header:hover::after {
3139 border-color: #363636;
3140}
3141.file_container.image_container .image_body,
3142.c-file_container.image_container .image_body {
3143 background-color: #222;
3144}
3145.file_container.image_container .preview_actions .btn,
3146.c-file_container.image_container .preview_actions .btn {
3147 background-color: rgba(130, 130, 130, 0.9);
3148}
3149.file_container.image_container .preview_actions .btn:focus,
3150.file_container.image_container .preview_actions .btn:hover,
3151.c-file_container.image_container .preview_actions .btn:focus,
3152.c-file_container.image_container .preview_actions .btn:hover {
3153 background-color: #363636;
3154}
3155.file_container.image_container .preview_actions.overflow_preview_actions,
3156.c-file_container.image_container .preview_actions.overflow_preview_actions {
3157 background: rgba(130, 130, 130, 0.9);
3158 border: 1px solid rgba(0, 0, 0, 0.1);
3159}
3160.file_container .preview_show .preview_show_btn,
3161.c-file_container .preview_show .preview_show_btn {
3162 background: linear-gradient(rgba(84, 84, 84, 0.8), rgba(84, 84, 84, 0.8)),
3163 linear-gradient(rgba(130, 130, 130, 0.3), rgba(130, 130, 130, 0.3));
3164 color: #e6e6e6;
3165}
3166.file_container.file_menu_open .preview_show_less .preview_show_btn,
3167.file_container:focus .preview_show_less .preview_show_btn,
3168.file_container:hover .preview_show_less .preview_show_btn,
3169.c-file_container.file_menu_open .preview_show_less .preview_show_btn,
3170.c-file_container:focus .preview_show_less .preview_show_btn,
3171.c-file_container:hover .preview_show_less .preview_show_btn {
3172 background: rgba(84, 84, 84, 0.8);
3173 color: #e6e6e6;
3174}
3175.file_container .c-file__title,
3176.c-file_container .c-file__title {
3177 color: #e6e6e6;
3178}
3179.c-file_container--has_thumb .c-file__actions::before {
3180 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #000 20px);
3181}
3182.message--focus
3183 .file_container
3184 .preview_show.preview_show_less
3185 .preview_show_btn {
3186 background: #545454;
3187 color: #e6e6e6;
3188}
3189.msg_inline_video_buttons_div {
3190 background-color: rgba(34, 34, 34, 0.4);
3191}
3192.msg_inline_video_buttons_div a {
3193 color: #e6e6e6;
3194 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
3195}
3196.msg_inline_video_buttons_div a:visited {
3197 color: #e6e6e6;
3198 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
3199}
3200.post_body ul.checklist {
3201 background-color: #363636;
3202}
3203.post_body ul.checklist li::before {
3204 background: #363636;
3205}
3206.post_body ul.checklist li.checked {
3207 color: #949494;
3208}
3209.post_body ul.list.checklist li {
3210 border-bottom: 1px solid #545454;
3211}
3212.post_body ul.list.checklist li.checked {
3213 color: #949494;
3214}
3215.post_body .message {
3216 background-color: #e6e6e6;
3217}
3218.post_body code,
3219.post_body pre {
3220 background: #363636;
3221}
3222ts-message .reply_bar .reply_bar_caret,
3223ts-message .reply_bar .view_conv_hover,
3224ts-message .reply_bar .last_reply_at {
3225 color: #949494;
3226}
3227ts-message .reply_bar:hover {
3228 background: #222;
3229 border-color: #000;
3230}
3231.inline_color_block {
3232 border-color: #545454;
3233}
3234.p-message_pane
3235 .c-message_list.c-virtual_list--scrollbar
3236 > .c-scrollbar__hider {
3237 background: #222;
3238}
3239.p-message_pane
3240 .c-message_list.c-virtual_list--scrollbar
3241 > .c-scrollbar__hider::before {
3242 background: #222;
3243 border-bottom: 1px solid #222;
3244}
3245.p-message_pane
3246 .p-message_pane__top_banners:not(:empty)
3247 + div
3248 .c-message_list:not(.c-virtual_list--scrollbar):before,
3249.p-message_pane
3250 .p-message_pane__top_banners:not(:empty)
3251 + div
3252 .c-message_list.c-virtual_list--scrollbar
3253 > .c-scrollbar__hider:before {
3254 box-shadow: 0 32px #222;
3255}
3256.p-message_pane_banner {
3257 background-color: #363636;
3258 color: #e6e6e6;
3259}
3260.p-message_pane_banner .c-button--outline {
3261 background-color: #222222;
3262 color: #949494;
3263}
3264.p-message_pane_banner .c-button--primary {
3265 background-color: #545454;
3266 color: #e6e6e6;
3267}
3268.p-message_pane_banner__body--wider-text,
3269.p-message_pane_banner__close_icon,
3270.p-message_pane_banner__header {
3271 color: #e6e6e6;
3272}
3273.p-message_pane_banner::before {
3274 background-color: #222222;
3275 border-bottom-color: #222222;
3276}
3277.p-message_pane__foreword__description,
3278.p-message_pane__limited_history_alert {
3279 color: #e6e6e6;
3280}
3281.p-message_pane__limited_history_foreword {
3282 background: #363636;
3283 background-image: none;
3284 color: #e6e6e6;
3285}
3286.p-message_pane__unread_banner__banner {
3287 background: #545454;
3288 text-shadow: 0 1px rgba(0, 0, 0, 0.15);
3289}
3290.messages_banner {
3291 color: #e6e6e6;
3292 text-shadow: 0 1px rgba(0, 0, 0, 0.15);
3293}
3294.messages_banner a {
3295 color: #e6e6e6;
3296}
3297.messages_banner a:hover {
3298 color: #e6e6e6;
3299}
3300#connection_div {
3301 background: #bf360c;
3302}
3303#archives_return {
3304 background: padding-box #828282;
3305 color: #e6e6e6;
3306}
3307#archives_return.warning {
3308 background: #bf360c;
3309}
3310#archives_return a {
3311 color: #e6e6e6;
3312}
3313#archives_return a:hover {
3314 color: rgba(230, 230, 230, 0.8);
3315}
3316#messages_unread_status {
3317 background: #545454;
3318}
3319#messages_unread_status:hover {
3320 background: #828282;
3321}
3322#messages_unread_status:hover .clear_unread_messages {
3323 background: #828282;
3324}
3325#messages_unread_status:hover .clear_unread_messages:hover {
3326 background: #545454;
3327}
3328#messages_unread_status.quiet {
3329 background: #828282;
3330 color: #e6e6e6;
3331 text-shadow: 0 1px rgba(0, 0, 0, 0.15);
3332}
3333#messages_unread_status.quiet a {
3334 color: #e6e6e6;
3335}
3336.clear_unread_messages {
3337 border-left: 1px solid rgba(0, 0, 0, 0.15);
3338}
3339#messages_container.has_top_messages_banner::before {
3340 background: none;
3341}
3342.end_div_msg_lim {
3343 background-color: #363636;
3344 background-image: none;
3345}
3346#archives_end_div_msg_lim h1,
3347#end_display_msg_lim h1 {
3348 color: #e6e6e6;
3349}
3350#archives_end_div_msg_lim h2,
3351#end_display_msg_lim h2 {
3352 color: rgba(230, 230, 230, 0.8);
3353}
3354code {
3355 background-color: #000;
3356 border: 1px solid #363636;
3357 color: #e6e6e6;
3358}
3359code a.app_preview_link {
3360 background: #363636;
3361 border: 1px solid #545454;
3362 color: #e6e6e6;
3363}
3364.file_list_item.snippet .snippet_preview {
3365 background: #000;
3366}
3367.snippet_preview,
3368.snippet_body {
3369 background: #000;
3370}
3371.snippet_preview pre,
3372.snippet_body pre {
3373 color: #e6e6e6 !important;
3374}
3375.file_container .CodeMirror .CodeMirror-code > div::before,
3376.file_container .CodeMirror .sssh-line::before,
3377.file_container .sssh-code .CodeMirror-code > div::before,
3378.file_container .sssh-code .sssh-line::before,
3379.c-pillow_file_container .CodeMirror .CodeMirror-code > div::before,
3380.c-pillow_file_container .CodeMirror .sssh-line::before,
3381.c-pillow_file_container .sssh-code .CodeMirror-code > div::before,
3382.c-pillow_file_container .sssh-code .sssh-line::before,
3383.c-file_container .CodeMirror .CodeMirror-code > div::before,
3384.c-file_container .CodeMirror .sssh-line::before,
3385.c-file_container .sssh-code .CodeMirror-code > div::before,
3386.c-file_container .sssh-code .sssh-line::before {
3387 background-color: #363636;
3388 border-right: 1px solid #363636;
3389 color: #949494;
3390}
3391.c-snippet .c-file_container {
3392 background-color: #222;
3393}
3394.c-snippet .c-file_container.c-file_container--gradient::after {
3395 background: linear-gradient(180deg, rgba(255, 255, 255, 0), #222);
3396 border-bottom-left-radius: 4px;
3397 border-bottom-right-radius: 4px;
3398}
3399.CodeMirror {
3400 background: #000;
3401 border: 1px solid #363636;
3402 color: #e6e6e6 !important;
3403}
3404.CodeMirror pre {
3405 background: transparent !important;
3406}
3407.CodeMirror div.CodeMirror-cursor {
3408 border-left: 1px solid #e6e6e6;
3409}
3410.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
3411 background: #e6e6e6;
3412}
3413.CodeMirror .CodeMirror-gutters {
3414 background-color: #363636;
3415 border-right: 1px solid #222;
3416}
3417.CodeMirror-gutter-filler,
3418.CodeMirror-scrollbar-filler {
3419 background-color: #363636;
3420}
3421.CodeMirror-linenumber {
3422 color: #949494 !important;
3423}
3424.CodeMirror-guttermarker {
3425 color: #949494;
3426}
3427.CodeMirror-guttermarker-subtle {
3428 color: #949494;
3429}
3430.CodeMirror-ruler {
3431 border-left: 1px solid #828282;
3432}
3433.cm-s-default .cm-keyword {
3434 color: #ce93d8;
3435}
3436.cm-s-default .cm-atom {
3437 color: #9fa8da;
3438}
3439.cm-s-default .cm-number {
3440 color: #a5d6a7;
3441}
3442.cm-s-default .cm-def {
3443 color: #536dfe;
3444}
3445.cm-s-default .cm-variable-2 {
3446 color: #9fa8da;
3447}
3448.cm-s-default .cm-variable-3 {
3449 color: #c5e1a5;
3450}
3451.cm-s-default .cm-comment {
3452 color: #ffcc80;
3453}
3454.cm-s-default .cm-string {
3455 color: #ef9a9a;
3456}
3457.cm-s-default .cm-string-2 {
3458 color: #ffab91;
3459}
3460.cm-s-default .cm-meta {
3461 color: #eee;
3462}
3463.cm-s-default .cm-qualifier {
3464 color: #eee;
3465}
3466.cm-s-default .cm-builtin {
3467 color: #b39ddb;
3468}
3469.cm-s-default .cm-bracket {
3470 color: #e6ee9c;
3471}
3472.cm-s-default .cm-tag {
3473 color: #a5d6a7;
3474}
3475.cm-s-default .cm-attribute {
3476 color: #40c4ff;
3477}
3478.cm-s-default .cm-header {
3479 color: #80cbc4;
3480}
3481.cm-s-default .cm-quote {
3482 color: #b0bec5;
3483}
3484.cm-s-default .cm-hr {
3485 color: #363636;
3486}
3487.cm-s-default .cm-link {
3488 color: #949494;
3489}
3490.cm-negative {
3491 color: #bf360c;
3492}
3493.cm-positive {
3494 color: #0cbf72;
3495}
3496.cm-invalidchar,
3497.cm-s-default .cm-error {
3498 color: #bf360c;
3499}
3500div.CodeMirror span.CodeMirror-matchingbracket {
3501 color: #0cbf72;
3502}
3503div.CodeMirror span.CodeMirror-nonmatchingbracket {
3504 color: #bf360c;
3505}
3506.CodeMirror-matchingtag {
3507 background: #000;
3508}
3509.CodeMirror-activeline-background {
3510 background: #828282;
3511}
3512.CodeMirror-selected {
3513 background: #828282;
3514}
3515.CodeMirror-focused .CodeMirror-selected {
3516 background: #828282;
3517}
3518.cm-searching {
3519 background: #828282;
3520}
3521.sssh-keyword {
3522 color: #ce93d8;
3523}
3524.sssh-atom {
3525 color: #9fa8da;
3526}
3527.sssh-number {
3528 color: #a5d6a7;
3529}
3530.sssh-def {
3531 color: #536dfe;
3532}
3533.sssh-variable {
3534 color: #9fa8da;
3535}
3536.sssh-variable-2 {
3537 color: #c5e1a5;
3538}
3539.sssh-variable-3 {
3540 color: #c1a5e1;
3541}
3542.sssh-operator {
3543 color: #e6e6e6;
3544}
3545.sssh-property {
3546 color: #e6e6e6;
3547}
3548.sssh-comment {
3549 color: #ffcc80;
3550}
3551.sssh-string {
3552 color: #ef9a9a;
3553}
3554.sssh-string-2 {
3555 color: #ffab91;
3556}
3557.sssh-meta {
3558 color: #eee;
3559}
3560.sssh-error {
3561 color: #bf360c;
3562}
3563.sssh-qualifier {
3564 color: #eee;
3565}
3566.sssh-builtin {
3567 color: #b39ddb;
3568}
3569.sssh-bracket {
3570 color: #e6ee9c;
3571}
3572.sssh-tag {
3573 color: #a5d6a7;
3574}
3575.sssh-attribute {
3576 color: #40c4ff;
3577}
3578.sssh-header {
3579 color: #80cbc4;
3580}
3581.sssh-quote {
3582 color: #b0bec5;
3583}
3584.sssh-hr {
3585 color: #363636;
3586}
3587.sssh-link {
3588 color: #949494;
3589}
3590.c-message--dense .c-timestamp__label {
3591 color: #949494;
3592}
3593.c-message--dense .c-message__content_header .c-custom_status {
3594 border-color: #363636;
3595}
3596.dense_theme ts-message {
3597 color: #e6e6e6;
3598}
3599.dense_theme ts-message.first .message_gutter .timestamp,
3600.dense_theme ts-message.selected .message_gutter .timestamp {
3601 color: #949494;
3602}
3603.dense_theme ts-message .message_content .message_current_status {
3604 border-color: #363636;
3605}
3606.c-message--light .c-message__sender .c-message__sender_link {
3607 color: #e6e6e6;
3608}
3609.light_theme ts-message {
3610 color: #e6e6e6;
3611}
3612.light_theme ts-message .message_content .message_sender,
3613.light_theme ts-message .message_content .meta .message_sender:hover {
3614 color: #e6e6e6 !important;
3615}
3616.light_theme ts-message .comment::before {
3617 color: #949494;
3618}
3619.channel_overlay {
3620 border-color: #363636;
3621 color: #949494;
3622}
3623.channel_overlay.channel_overlay_redesign .channel_overlay_title {
3624 color: #e6e6e6;
3625}
3626.channel_overlay.channel_overlay_redesign li {
3627 color: #949494;
3628}
3629.channel_overlay_title_wrap {
3630 border-color: #363636;
3631}
3632.channel_overlay_title_shared {
3633 color: #e6e6e6;
3634}
3635pre {
3636 background: #000;
3637 border: 1px solid #363636;
3638 color: #e6e6e6;
3639}
3640pre span.mention {
3641 padding: 2px 0 !important;
3642}
3643#page pre,
3644body > pre {
3645 background: #000;
3646 color: #e6e6e6 !important;
3647}
3648body > pre {
3649 background: #828282;
3650}
3651.special_formatting_quote .quote_bar {
3652 background-color: #545454;
3653}
3654#threads_msgs_scroller_div {
3655 background: #222;
3656}
3657#threads_msgs_scroller_div:not(.loading)::before {
3658 background: #222;
3659}
3660#threads_msgs_scroller_div.loading::before {
3661 color: #949494;
3662}
3663#threads_msgs_scroller_div .threads_caught_up_divider .divider_line {
3664 border-top: 1px solid #363636;
3665}
3666#threads_msgs_scroller_div .threads_caught_up_divider .divider_label {
3667 background: #545454;
3668 color: #e6e6e6;
3669}
3670#threads_msgs_scroller_div.loading {
3671 background: none;
3672}
3673#threads_msgs_scroller_div.loading::before {
3674 color: #e6e6e6;
3675}
3676#threads_msgs_scroller_div #thread_notification_banner {
3677 background-color: #363636;
3678 border-bottom-color: #424242;
3679}
3680#threads_msgs_scroller_div #thread_notification_banner .banner_description {
3681 color: #e6e6e6;
3682}
3683#threads_view_banner.messages_banner {
3684 background: #363636;
3685}
3686#threads_view_banner.messages_banner:hover {
3687 background: #545454;
3688}
3689#threads_view_banner.messages_banner:hover .clear_unread_messages {
3690 background: #545454;
3691}
3692#threads_msgs.new_banner_is_showing::before {
3693 background: #222;
3694}
3695.p-message_container_loading {
3696 background: #222;
3697}
3698.p-message_container_loading__msg {
3699 color: #e6e6e6;
3700}
3701.p-threads_view {
3702 background: #222;
3703}
3704.p-threads_view__divider_line,
3705.p-threads_view__divider_label {
3706 background: #363636;
3707 border-color: #363636;
3708 color: #e6e6e6;
3709}
3710.p-threads_view__footer,
3711.p-threads_view_root {
3712 border-color: #222222;
3713}
3714.p-threads_view__default_background {
3715 background: #363636;
3716}
3717.p-threads_view_header__channel_name,
3718.p-threads_view_header__participant_list {
3719 color: #e6e6e6;
3720}
3721.p-threads_view .p_threads_view_load_newer_button,
3722.p-threads_view .p_threads_view_load_older_button {
3723 background: #363636;
3724 border-color: #222222;
3725}
3726.p-threads_view .p_threads_view_load_newer_button .c-link--button,
3727.p-threads_view .p_threads_view_load_older_button .c-link--button {
3728 color: #949494;
3729}
3730.p-threads_view_reply {
3731 border-color: #222222;
3732}
3733.p-threads_view_reply--new_reply {
3734 background: #363636;
3735}
3736.p-threads_footer__input .p-message_input_field,
3737.p-threads_footer__input--legacy .p-message_input_field {
3738 background: #363636;
3739}
3740.p-threads_footer__input .p-message_input_file_button,
3741.p-threads_footer__input--legacy .p-message_input_file_button {
3742 background: #363636;
3743}
3744ts-thread {
3745 background: #222;
3746}
3747ts-thread .reply_input_container .inline_message_input_container form textarea {
3748 border-color: #363636;
3749 color: #e6e6e6;
3750}
3751ts-thread .reply_input_container .collapsed_input_placeholder,
3752ts-thread .reply_input_container .join_channel_from_thread_container,
3753ts-thread .reply_input_container .reply_limited_in_general {
3754 background: #363636;
3755 border-color: #363636;
3756}
3757ts-thread .thread_messages {
3758 background: #363636;
3759 border-color: #363636;
3760}
3761ts-thread ts-message.new_reply {
3762 background: #222;
3763}
3764ts-thread ts-message.new_reply:hover {
3765 background: #363636;
3766}
3767ts-thread .thread_header .thread_channel_name a {
3768 color: #e6e6e6;
3769}
3770ts-thread .thread_header .thread_action_btns button {
3771 color: #949494;
3772}
3773ts-thread .new_reply_indicator .blue_dot {
3774 color: #bf360c;
3775}
3776#convo_tab .thread_participants,
3777ts-thread .thread_participants {
3778 color: #949494;
3779}
3780#convo_loading_indicator {
3781 background-image: none;
3782}
3783.reply_input_container .inline_message_input_container .ql-container {
3784 background-color: #545454;
3785 border: 1px solid #363636;
3786}
3787.reply_input_container
3788 .inline_message_input_container
3789 .ql-container
3790 .ql-editor::-webkit-scrollbar-thumb {
3791 background-color: rgba(0, 0, 0, 0.15);
3792}
3793.reply_input_container
3794 .inline_message_input_container
3795 .ql-container
3796 .ql-editor::-webkit-scrollbar-thumb:hover {
3797 background-color: rgba(0, 0, 0, 0.25);
3798}
3799.reply_input_container .inline_message_input_container .ql-container.focus {
3800 border-color: rgba(0, 0, 0, 0.15);
3801}
3802.reply_input_container
3803 .inline_message_input_container
3804 .ql-container.focus
3805 ~ .emo_menu {
3806 color: #e6e6e6;
3807}
3808.reply_input_container
3809 .inline_message_input_container
3810 .ql-container
3811 ~ .emo_menu {
3812 color: #949494;
3813}
3814#file_reply_container
3815 .reply_container_info
3816 .reply_broadcast_buttons_container
3817 .reply_broadcast_label_container,
3818#reply_container
3819 .reply_container_info
3820 .reply_broadcast_buttons_container
3821 .reply_broadcast_label_container,
3822.reply_input_container
3823 .reply_container_info
3824 .reply_broadcast_buttons_container
3825 .reply_broadcast_label_container {
3826 color: #949494;
3827}
3828#file_reply_container .reply_limited,
3829#reply_container .reply_limited,
3830.reply_input_container .reply_limited,
3831ts-thread .reply_input_container .reply_limited {
3832 background-color: #363636;
3833 border-color: #545454;
3834 color: #e6e6e6;
3835}
3836#notification_banner {
3837 background-color: #363636;
3838}
3839#notification_banner h1,
3840#notification_banner h2 {
3841 color: #e6e6e6;
3842}
3843#notification_banner::before {
3844 background-color: #363636;
3845 border-bottom-color: #363636;
3846}
3847#unread_msgs_scroller_div::after {
3848 background: transparent;
3849}
3850#unread_msgs_scroller_div.loading {
3851 background-image: none;
3852}
3853#unread_msgs_scroller_div.loading::before {
3854 color: #949494;
3855}
3856#unread_msgs_div .day_divider .day_divider_line {
3857 border-top-color: #363636;
3858}
3859.unread_group.marked_as_read .unread_group_header {
3860 background: #222;
3861}
3862.unread_group .unread_group_header {
3863 background: #363636;
3864 border-top-color: #545454;
3865 color: #e6e6e6;
3866}
3867.unread_group .unread_group_header .unread_group_collapse_toggle:hover ts-icon {
3868 color: #e6e6e6;
3869}
3870.unread_group
3871 .unread_group_header
3872 .unread_group_collapse_caret
3873 .ts_icon_caret_down {
3874 color: #949494;
3875}
3876.unread_group .unread_group_header .unread_group_mark,
3877.unread_group .unread_group_header .unread_keyboard {
3878 background: #222;
3879}
3880.unread_group.active .unread_group_header {
3881 background: #000;
3882 border-top-color: #545454;
3883 color: #e6e6e6;
3884}
3885.collapsed .unread_group_header .ts_icon_caret_right,
3886.collapsing .unread_group_header .ts_icon_caret_right {
3887 color: #949494;
3888}
3889.mark_as_read_checkmark {
3890 color: #949494;
3891}
3892.bottom_mark_all_read {
3893 border-top-color: #363636;
3894}
3895.unread_group_header_name a {
3896 color: #e6e6e6;
3897}
3898.unread_group_footer .unread_group_new .unread_group_new_text {
3899 color: #949494;
3900}
3901.unread_group_footer .unread_group_new:hover .unread_group_new_text {
3902 color: #949494;
3903}
3904.unread_empty_state_message {
3905 color: #949494;
3906}
3907.unread_empty_state_undo_inner {
3908 background: #000;
3909 color: #e6e6e6;
3910}
3911.unread_empty_state_undo_action {
3912 color: #e6e6e6;
3913}
3914.unread_empty_state_refresh {
3915 background: rgba(34, 34, 34, 0.97);
3916}
3917.unread_msgs_loading {
3918 background: #222;
3919 background-image: none;
3920}
3921#col_flex {
3922 background: transparent;
3923}
3924#flex_contents {
3925 background: #222;
3926}
3927#flex_contents .heading {
3928 background: #151515;
3929 border-bottom-color: #363636;
3930 color: #949494;
3931}
3932#flex_contents .heading a {
3933 color: #949494;
3934}
3935#flex_contents .heading a:hover {
3936 color: #c7c7c7;
3937}
3938#flex_contents .heading a.close_flexpane {
3939 color: #949494;
3940}
3941#flex_contents .heading .cancel_link {
3942 color: #949494;
3943}
3944#flex_contents .heading .menu_heading:hover {
3945 color: #e6e6e6;
3946}
3947#flex_contents .heading .menu_icon {
3948 color: #949494;
3949}
3950#flex_contents .heading .menu_icon:hover {
3951 color: #c7c7c7;
3952}
3953#flex_contents .heading_text {
3954 color: #949494;
3955}
3956#flex_contents .subheading:not(.empty) {
3957 background: #222;
3958 border-top: 1px solid #000;
3959 color: #949494;
3960}
3961#flex_contents .subheading:not(.empty) p a {
3962 color: #e6e6e6;
3963}
3964#flex_contents .subheading:not(.empty) .filter_menu_label.active .arrow_down {
3965 color: #949494;
3966}
3967#flex_contents .toolbar_container {
3968 background: #222;
3969}
3970#flex_contents .flexpane_tab_bar li .tab,
3971#flex_contents .flexpane_tab_bar li a {
3972 color: #949494;
3973}
3974#flex_contents .flexpane_tab_bar li:hover {
3975 border-bottom: 4px solid #363636;
3976}
3977#flex_contents .flexpane_tab_bar li:hover a,
3978#flex_contents .flexpane_tab_bar li:hover .tab {
3979 color: #949494;
3980}
3981#flex_contents .flexpane_tab_bar li.active {
3982 border-bottom: 4px solid #363636;
3983}
3984#flex_contents .flexpane_tab_bar li.active a,
3985#flex_contents .flexpane_tab_bar li.active .tab {
3986 color: #949494;
3987}
3988#flex_contents .help {
3989 border-top: 5px solid #000;
3990 color: #e6e6e6;
3991}
3992#flex_contents i.callout {
3993 color: #949494;
3994}
3995.close_flexpane {
3996 color: #949494;
3997}
3998.close_flexpane:focus,
3999.close_flexpane:hover {
4000 color: #e6e6e6;
4001}
4002#client-ui.flex_pane_showing #col_flex {
4003 border-left-color: #363636;
4004}
4005.toolbar_container {
4006 background: #222;
4007 border-bottom: 1px solid #000;
4008 color: #e6e6e6;
4009}
4010.msg_right_link {
4011 color: #949494;
4012}
4013.message_location_label {
4014 color: #949494;
4015}
4016#client_body:not(.onboarding):not(.feature_global_nav_layout):before {
4017 background: #222222;
4018}
4019#details_tab .heading {
4020 background: #151515;
4021}
4022#details_tab .heading a.close_flexpane {
4023 color: #949494;
4024}
4025#details_tab .heading a.close_flexpane:hover {
4026 color: #c7c7c7;
4027}
4028#details_tab hr {
4029 border-top-color: #363636;
4030}
4031#details_tab .conversation_details .member_name:hover {
4032 color: #949494;
4033}
4034#details_tab .conversation_details .member_username:hover {
4035 color: #e6e6e6;
4036}
4037#details_tab .conversation_details .member_info_timezone {
4038 border-top-color: #545454;
4039}
4040#details_tab .channel_page_section {
4041 background: #222;
4042 border-top: 1px solid #363636;
4043}
4044#details_tab .channel_page_section .section_header:hover .disclosure_triangle {
4045 color: #c7c7c7;
4046}
4047#details_tab .channel_page_section .section_header a {
4048 color: #949494;
4049}
4050#details_tab .channel_page_section .section_title {
4051 color: #e6e6e6;
4052}
4053#details_tab .channel_page_section .disclosure_triangle {
4054 color: #949494;
4055}
4056#details_tab .channel_page_section .channel_page_members_highlighter,
4057#details_tab .channel_page_section .channel_page_pinned_items_highlighter {
4058 background: rgba(191, 54, 12, 0.25) !important;
4059}
4060#details_tab .created_by {
4061 color: #e6e6e6;
4062}
4063#details_tab .channel_page_member_tabs .icon_member_header {
4064 color: #949494;
4065}
4066#details_tab .pinned_item:hover {
4067 border-color: #545454;
4068}
4069#details_tab .channel_page_action .leave_link {
4070 color: #949494;
4071}
4072#details_tab .channel_page_action .leave_link:hover {
4073 color: #c7c7c7;
4074}
4075#details_tab .channel_section_label .ts_icon_info_circle {
4076 color: #949494;
4077}
4078#details_tab
4079 .feature_sli_channel_insights
4080 .channel_created_section
4081 .creator_link,
4082#details_tab
4083 .feature_sli_channel_insights
4084 .channel_purpose_section
4085 .channel_purpose_text {
4086 color: #949494;
4087}
4088.channel_page_member_row {
4089 color: #e6e6e6;
4090}
4091.channel_page_member_row a {
4092 color: #949494;
4093}
4094.channel_page_member_row.away {
4095 color: #e6e6e6;
4096}
4097.channel_page_member_row.away a {
4098 color: #949494;
4099}
4100.channel_page_member_row:hover {
4101 background-color: #545454;
4102 border-color: #363636;
4103}
4104.pinned_item {
4105 color: #e6e6e6;
4106}
4107.pinned_item .pin_file_title {
4108 color: #949494;
4109}
4110.pinned_item .pin_member_name a {
4111 color: #949494 !important;
4112}
4113.pinned_item .pin_metadata {
4114 color: #949494;
4115}
4116.pinned_item .remove_pin {
4117 color: #949494;
4118}
4119.pinned_item .remove_pin:hover {
4120 color: #c7c7c7;
4121}
4122.pinned_item .pinned_message_text .pin_truncate_fade {
4123 background: #222;
4124}
4125.pinned_item.delete_mode {
4126 border-color: #bf360c !important;
4127}
4128.p-channel_insights .c-member__title {
4129 color: #949494;
4130}
4131.p-channel_insights_activity_bar_container:hover {
4132 background-color: rgba(0, 0, 0, 0.05);
4133}
4134.p-channel_insights_activity_bar_container:hover
4135 .p-channel_insights__activity_bar {
4136 background-color: #545454;
4137}
4138.p-channel_insights__activity {
4139 border-color: #545454;
4140}
4141.p-channel_insights__activity_bar {
4142 background-color: rgba(84, 84, 84, 0.5);
4143}
4144.p-channel_insights__channel .channel_link {
4145 color: #e6e6e6;
4146}
4147.p-channel_insights__date_heading span {
4148 background-color: #222;
4149 color: #e6e6e6;
4150}
4151.p-channel_insights__date_heading::before {
4152 background-color: #545454;
4153}
4154.p-channel_insights__drawer_title {
4155 color: #949494;
4156}
4157.p-channel_insights__highlights_description {
4158 color: #949494;
4159}
4160.p-channel_insights__item--user .member_preview_link,
4161.p-channel_insights__item--user .message_sender {
4162 color: #e6e6e6 !important;
4163}
4164.p-channel_insights__member_count {
4165 color: #949494;
4166}
4167.p-channel_insights__member_count .ts_icon_user {
4168 color: #949494;
4169}
4170.p-channel_insights__message--truncate::before {
4171 background: linear-gradient(180deg, transparent, #222 90%);
4172}
4173.p-channel_insights__message
4174 ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) {
4175 background-color: #222;
4176 border-color: #545454;
4177}
4178.p-channel_insights__section:not(.p-channel_insights__section--no_border) {
4179 border-color: #545454;
4180}
4181.p-channel_insights__title {
4182 color: #e6e6e6;
4183}
4184.p-channel_insights__user_title {
4185 color: #949494;
4186}
4187.p-download_item {
4188 padding: 12px 12px 4px 16px;
4189 margin: 0;
4190}
4191.p-download_item__container .p-download_item__name_row {
4192 color: #e6e6e6;
4193}
4194.p-download_item__actions {
4195 background: #222;
4196}
4197.p-download_item__link--open,
4198.p-download_item__link--retry,
4199.p-download_item__link--show {
4200 color: #e6e6e6;
4201}
4202.p-downloads_list__shift_hint {
4203 background: linear-gradient(
4204 180deg,
4205 rgba(255, 255, 255, 0),
4206 #363636 25%,
4207 #363636
4208 );
4209 color: #e6e6e6;
4210}
4211.p-flexpane_header {
4212 background-color: #363636;
4213 border-bottom-color: #424242;
4214}
4215.p-flexpane_header__control,
4216.p-flexpane_header__control .c-icon {
4217 color: #e6e6e6;
4218}
4219.p-flexpane_header__control:hover,
4220.p-flexpane_header__control .c-icon:hover {
4221 color: #c7c7c7;
4222}
4223.p-flexpane__body .p-thread_drag_overlay {
4224 background-color: #363636;
4225}
4226.p-flexpane__body .p-thread_drag_overlay__subtitle,
4227.p-flexpane__body .p-thread_drag_overlay__title {
4228 color: #e6e6e6;
4229}
4230#file_list_toggle_users {
4231 color: #949494;
4232}
4233#file_list_toggle_users.active:hover,
4234#file_list_toggle_users:hover {
4235 color: #c7c7c7;
4236}
4237#file_list_toggle_users.active {
4238 color: #949494;
4239}
4240.file_list_item .icon,
4241.file_reference .icon {
4242 background: #828282;
4243 border: 1px solid #545454;
4244 color: #e6e6e6 !important;
4245}
4246.filetype_button {
4247 background: #828282;
4248 border: 1px solid #545454;
4249 color: #e6e6e6 !important;
4250}
4251.filetype_button:hover {
4252 background: #828282;
4253}
4254.filetype_button:hover .file_download_label {
4255 background: #545454;
4256 color: #e6e6e6;
4257}
4258.filetype_button .file_title {
4259 color: #e6e6e6;
4260}
4261.filetype_button .file_download_label {
4262 background: #828282;
4263 border-top: 1px solid #545454;
4264}
4265a.filetype_button_web {
4266 background: #828282;
4267 border: 1px solid #545454;
4268 color: #e6e6e6;
4269}
4270a.filetype_button_web .filetype_icon {
4271 background-color: #545454;
4272}
4273a.file_download_link {
4274 color: #949494;
4275}
4276a.file_download_link:hover {
4277 color: #c7c7c7;
4278}
4279a:hover .file_inline_icon {
4280 color: #949494;
4281}
4282a.gsheet img,
4283a.pdf img {
4284 background: #222 !important;
4285}
4286html.no_touch a.filetype_button_web:hover {
4287 border-color: #545454;
4288}
4289html.no_touch a.filetype_button_web:hover .file_title {
4290 color: #e6e6e6;
4291}
4292.file_header_detailed {
4293 color: #949494;
4294}
4295.file_header_detailed .member {
4296 color: #e6e6e6 !important;
4297}
4298.file_inline_icon {
4299 color: #949494;
4300}
4301.file_header .member {
4302 color: #949494 !important;
4303}
4304.file_header .title {
4305 color: #e6e6e6;
4306}
4307.file_header .title a {
4308 color: #949494;
4309}
4310.file_header .title a:hover {
4311 color: #c7c7c7;
4312}
4313.flexpane_file_title .member,
4314.flexpane_file_title .service_link {
4315 color: #949494 !important;
4316}
4317.flexpane_file_title .title a,
4318.flexpane_file_title .file_action_list a {
4319 color: #949494;
4320}
4321.flexpane_file_title .title a:hover,
4322.flexpane_file_title .file_action_list a:hover {
4323 color: #c7c7c7;
4324}
4325.file_actions_cog {
4326 color: #949494 !important;
4327}
4328.file_actions_cog:hover {
4329 color: #c7c7c7 !important;
4330}
4331.file_list_item {
4332 color: #e6e6e6;
4333}
4334.file_list_item a {
4335 color: #949494;
4336}
4337.file_list_item a.member {
4338 color: #c7c7c7;
4339}
4340.file_list_item .bullet {
4341 color: #949494;
4342}
4343.file_list_item .icon {
4344 background: #828282;
4345 border-color: #545454;
4346}
4347.file_list_item .ts_icon_comment {
4348 color: #949494;
4349}
4350.file_list_item .file_comment_link:hover {
4351 color: #949494;
4352}
4353.file_list_item .file_comment_link:hover .ts_icon_comment {
4354 color: #949494;
4355}
4356.file_list_item .title a {
4357 color: #949494;
4358}
4359.file_list_item .share_info .unshare_link {
4360 color: #949494;
4361}
4362.file_list_item .share_info .unshare_link:hover {
4363 color: #c7c7c7;
4364}
4365.file_list_item .actions a,
4366.file_list_item .actions span {
4367 background-color: #363636;
4368 border: 1px solid #828282;
4369 color: #949494;
4370}
4371.file_list_item .actions a:hover {
4372 background-color: #222 !important;
4373 border-color: #828282;
4374 color: #c7c7c7;
4375}
4376.file_list_item.post .preview,
4377.file_list_item.space .preview {
4378 color: #e6e6e6;
4379}
4380.file_list_item #share_dialog,
4381.file_list_item.active,
4382.file_list_item:active,
4383.file_list_item:hover {
4384 background-color: #363636;
4385 border-color: #545454;
4386}
4387.file_list_item #share_dialog .title a,
4388.file_list_item.active .title a,
4389.file_list_item:active .title a,
4390.file_list_item:hover .title a {
4391 color: #949494;
4392}
4393.file_list_item #share_dialog .actions,
4394.file_list_item.active .actions,
4395.file_list_item:active .actions,
4396.file_list_item:hover .actions {
4397 background-color: transparent;
4398}
4399.file_list_item #share_dialog .actions a,
4400.file_list_item #share_dialog .actions span,
4401.file_list_item.active .actions a,
4402.file_list_item.active .actions span,
4403.file_list_item:active .actions a,
4404.file_list_item:active .actions span,
4405.file_list_item:hover .actions a,
4406.file_list_item:hover .actions span {
4407 background-color: #363636;
4408}
4409.unshare_link {
4410 color: #949494 !important;
4411}
4412.unshare_link i::before {
4413 color: #949494 !important;
4414}
4415.unshare_link i.ts_icon_minus_circle_small:hover::before {
4416 color: #bf360c !important;
4417}
4418.snippet_preview pre {
4419 color: #e6e6e6;
4420}
4421.file_preview_wrapper .file_preview {
4422 background: #222;
4423}
4424.file_preview_wrapper .file_preview:hover {
4425 background: #363636;
4426}
4427#file_preview_container .file_meta {
4428 color: #949494;
4429}
4430.file_page_meta {
4431 color: #949494;
4432}
4433#file_page_preview img {
4434 background: #222;
4435 border: 1px solid #000;
4436}
4437#file_page_preview img:hover {
4438 background: #363636;
4439}
4440.comment_meta {
4441 color: #949494;
4442}
4443.comment .special_formatting_quote .content {
4444 color: #e6e6e6;
4445}
4446.comment .member {
4447 color: #e6e6e6 !important;
4448}
4449.comment_body {
4450 color: #e6e6e6;
4451}
4452.comment_actions {
4453 color: #949494;
4454}
4455.comment_actions:hover {
4456 color: #e6e6e6;
4457}
4458.icon_quote {
4459 color: #e6e6e6;
4460}
4461.edit_comment_form .texty_comment_input,
4462.comment_form .texty_comment_input {
4463 background: #545454;
4464 border-color: #363636;
4465 color: #e6e6e6;
4466}
4467.edit_comment_form .texty_comment_input.focus,
4468.edit_comment_form .texty_comment_input:hover,
4469.comment_form .texty_comment_input.focus,
4470.comment_form .texty_comment_input:hover {
4471 border-color: #363636;
4472}
4473.tab_container .star_item .message .actions .btn_icon,
4474.tab_container .star_item .message .actions .star_jump,
4475.tab_container .star_item ts-message .actions .btn_icon,
4476.tab_container .star_item ts-message .actions .star_jump,
4477.tab_container .file_list_item .actions .btn_icon,
4478.tab_container .file_list_item .actions .star_jump,
4479.tab_container .file_comment_item .actions .btn_icon,
4480.tab_container .file_comment_item .actions .star_jump {
4481 background-color: #222;
4482}
4483.tab_container .star_item .message .actions .btn::after,
4484.tab_container .star_item ts-message .actions .btn::after,
4485.tab_container .file_list_item .actions .btn::after,
4486.tab_container .file_comment_item .actions .btn::after {
4487 border-color: #363636;
4488}
4489.tab_container .star_item ts-message .timestamp {
4490 color: #949494;
4491}
4492.tab_container .file_list_item:focus,
4493.tab_container .file_list_item:hover {
4494 background-color: #222;
4495 border-color: #363636;
4496}
4497.tab_container .file_list_item .star {
4498 color: #949494;
4499}
4500.tab_container .file_list_item .contents .file_comment_link {
4501 color: #949494;
4502}
4503.tab_container .file_list_item .contents .file_comment_link .ts_icon {
4504 color: #949494;
4505}
4506.tab_container .file_list_item .contents .file_comment_link:focus,
4507.tab_container .file_list_item .contents .file_comment_link:hover {
4508 color: #c7c7c7;
4509}
4510.tab_container .file_list_item .contents .file_comment_link:focus .ts_icon,
4511.tab_container .file_list_item .contents .file_comment_link:hover .ts_icon {
4512 color: #c7c7c7;
4513}
4514.tab_container .file_list_item .contents .member,
4515.tab_container .file_list_item .contents .service_link,
4516.tab_container .file_list_item .contents .share_info,
4517.tab_container .file_list_item .contents .time {
4518 color: #949494;
4519}
4520.tab_container .file_list_item .filetype_image {
4521 background-color: #000;
4522}
4523.active .tab_container .file_list_item {
4524 background-color: #222;
4525}
4526.c-file__action_button,
4527.c-file__action_button:link,
4528.c-file__action_button:focus,
4529.c-file__action_button:hover {
4530 background: #545454;
4531 border-color: #363636;
4532 color: #fff;
4533}
4534.c-file__meta {
4535 color: #e6e6e6;
4536}
4537.c-file__slide--meta {
4538 background-color: #000;
4539}
4540.p-file_details__name,
4541.p-file_details__share_channel {
4542 color: #e6e6e6;
4543}
4544.p-file_details__meta_container .c-file__action_button {
4545 color: #fff;
4546}
4547.c-pillow_file__content--collapsed::after {
4548 background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px);
4549}
4550.c-pillow_file__description,
4551.c-pillow_file__email__attachments__count,
4552.c-pillow_file__email__attachment__meta,
4553.c-pillow_file__email__meta__field,
4554.c-pillow_file__email__sender__address,
4555.c-pillow_file__snippet_truncated,
4556.c-pillow_file__title {
4557 color: #e6e6e6;
4558}
4559.c-pillow_file__slide {
4560 background-color: #000;
4561}
4562.c-pillow_file_container {
4563 background-color: #000;
4564}
4565.p-file_list,
4566.p-file_list__filters {
4567 background: #363636;
4568}
4569.p-file_list__filters {
4570 border-color: #363636;
4571}
4572.p-file_list__file.c-pillow_file_container,
4573.p-file_list__file.c-pillow_file_container--full_width {
4574 background: #363636;
4575 border-color: #363636;
4576 color: #e6e6e6;
4577}
4578.p-file_list__file.c-pillow_file_container--full_width:hover {
4579 background: #545454;
4580 border-color: #545454;
4581}
4582.p-downloads_list__shift_hint {
4583 background: linear-gradient(180deg, rgba(255, 255, 255, 0), #222 25%, #222);
4584 color: #e6e6e6;
4585}
4586.p-download_item__container .p-download_item__actions {
4587 background-color: #222;
4588}
4589.p-download_item__container .p-download_item__link__open,
4590.p-download_item__container .p-download_item__link__retry,
4591.p-download_item__container .p-download_item__link__show {
4592 color: #949494;
4593}
4594.p-download_item__container .p-download_item__name_row {
4595 color: #e6e6e6;
4596}
4597#user_groups_pane .mention {
4598 background: rgba(191, 54, 12, 0.25);
4599 border: 0;
4600 border-radius: 3px;
4601 padding: 2px;
4602}
4603#user_groups_container .info_panel {
4604 background: #222;
4605 border: 1px solid #545454;
4606}
4607#user_groups_container .mention {
4608 background-color: rgba(191, 54, 12, 0.25) !important;
4609}
4610#user_groups_header .user_groups_search .icon_search {
4611 color: #949494;
4612}
4613#user_groups_header a.icon_close {
4614 color: #949494;
4615}
4616#user_groups_header a.icon_close:hover {
4617 color: #c7c7c7;
4618}
4619.user_group_item {
4620 border-bottom: 1px solid #545454;
4621}
4622.user_group_item a {
4623 color: #949494;
4624}
4625#flex_contents .user_group_item:hover {
4626 background-color: #222;
4627}
4628#flex_contents .user_group_item:hover h4 {
4629 color: #e6e6e6;
4630}
4631#flex_contents .flexpane_tab_toolbar #user_group_edit {
4632 background-color: #222;
4633}
4634#flex_contents
4635 .flexpane_tab_toolbar
4636 #user_group_edit.user_group_edit--flexpane
4637 .tab_action_button {
4638 color: #e6e6e6;
4639}
4640.user_group_invite_member_small .add_icon {
4641 color: #949494;
4642}
4643#user_group_member_invite_div .disabled .lfs_item.lfs_token {
4644 background-color: #828282;
4645 border-color: #828282;
4646}
4647#flex_contents .subheading:not(.empty)#mentions_options {
4648 background-color: #222;
4649 border-bottom-color: #363636;
4650 color: #e6e6e6;
4651}
4652.mention_day_container_div .day_divider::before {
4653 background: none;
4654 border-color: #363636;
4655}
4656#member_mentions h3 a {
4657 color: #949494;
4658}
4659a.internal_member_link {
4660 background: #363636;
4661 color: #e6e6e6;
4662}
4663a.c-member_slug,
4664.c-member_slug--link,
4665.c-mrkdwn__subteam--link {
4666 background: #363636;
4667 border: 1px solid #545454;
4668 color: #e6e6e6;
4669}
4670a.c-member_slug.active,
4671a.c-member_slug:hover,
4672.c-member_slug--link.active,
4673.c-member_slug--link:hover,
4674.c-mrkdwn__subteam--link.active,
4675.c-mrkdwn__subteam--link:hover {
4676 background: #424242;
4677 color: #e6e6e6;
4678}
4679.mention_rxn .mention_rxn_summary {
4680 color: #e6e6e6;
4681}
4682.mention_rxn .mention_rxn_summary .member_preview_link,
4683.mention_rxn .mention_rxn_summary .mention_rxn_summary_members {
4684 color: #949494;
4685}
4686.search_message_result {
4687 background: #222 !important;
4688 border-color: #363636 !important;
4689 color: #e6e6e6 !important;
4690}
4691.search_message_result .search_message_result_meta {
4692 color: #949494;
4693}
4694.search_message_result .search_message_result_meta a {
4695 color: #949494;
4696}
4697.search_message_result .search_message_result_meta .date_links a {
4698 color: #949494;
4699}
4700.search_message_result_text .result_msg_format a {
4701 color: #949494;
4702}
4703span.match {
4704 background: rgba(191, 54, 12, 0.25);
4705}
4706#search_filters .tab {
4707 background: #222;
4708 color: #e6e6e6;
4709}
4710#search_filters .tab:hover {
4711 border-bottom: 4px solid #363636;
4712}
4713#search_filters.files #filter_files,
4714#search_filters.messages #filter_messages {
4715 border-bottom: 4px solid #363636;
4716 color: #e6e6e6;
4717}
4718#search_file_list_toggle_users.active:hover {
4719 border: 2px solid #c7c7c7;
4720 color: #c7c7c7 !important;
4721}
4722.no_results {
4723 color: #e6e6e6;
4724}
4725#search_results_team .team_results_heading {
4726 color: #e6e6e6;
4727}
4728#search_results_team .team_result {
4729 background-color: #545454;
4730 border-color: #828282;
4731 color: #e6e6e6;
4732}
4733#search_results_team .team_result a {
4734 color: #949494;
4735}
4736#search_results_team .team_result:hover a {
4737 color: #c7c7c7;
4738}
4739#search_results_team .team_result a:hover {
4740 color: #c7c7c7;
4741}
4742#search_results_team .member_name {
4743 color: #e6e6e6 !important;
4744}
4745.suggestion {
4746 color: #e6e6e6;
4747}
4748.suggestion.active,
4749.suggestion:hover {
4750 background: #545454;
4751}
4752#paging_in_options .search_paging {
4753 color: #949494;
4754}
4755#search_results_items .search_paging {
4756 color: #e6e6e6;
4757}
4758.search_paging i.disabled {
4759 color: #949494;
4760}
4761.search_paging a {
4762 color: #949494;
4763}
4764.search_paging a:hover {
4765 color: #c7c7c7;
4766}
4767.search_sort_prefix {
4768 color: #e6e6e6;
4769}
4770.search_segmented_control {
4771 border-color: #363636;
4772 color: #949494 !important;
4773}
4774.search_segmented_control:hover {
4775 color: #c7c7c7 !important;
4776}
4777.search_segmented_control.active {
4778 background: #000;
4779 color: #c7c7c7 !important;
4780}
4781.search_result_with_extract {
4782 background: #363636;
4783 border-color: #545454;
4784 box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
4785}
4786.search_result_with_extract:hover {
4787 border-color: #828282;
4788}
4789.search_result_for_context::after {
4790 background: rgba(34, 34, 34, 0.1);
4791}
4792.extract_expand_text,
4793.extract_expand_icons {
4794 color: #949494;
4795}
4796.search_result_with_extract:hover .extract_expand_text,
4797.search_result_with_extract:hover .extract_expand_icons {
4798 color: #c7c7c7;
4799}
4800.search_module_header {
4801 color: #e6e6e6;
4802}
4803.search_module_footer {
4804 background-color: #363636;
4805 border-bottom-color: #545454;
4806 border-left-color: #545454;
4807 border-right-color: #545454;
4808}
4809.search_module_footer p {
4810 color: #e6e6e6;
4811}
4812.search_module_footer #see_more {
4813 color: #e6e6e6;
4814}
4815.search_module_footer #see_more a {
4816 color: #e6e6e6;
4817}
4818.search_module_footer .top_results_feedback a {
4819 color: #e6e6e6;
4820}
4821.search_module_footer ts-icon {
4822 color: #e6e6e6;
4823}
4824.top_results_search_message_result {
4825 background-color: #363636;
4826 border-bottom-color: #545454;
4827 border-left-color: #545454;
4828 border-right-color: #545454;
4829}
4830.top_results_search_message_result.duplicate {
4831 background-color: #363636;
4832}
4833.top_results_search_message_result .timestamp {
4834 color: #949494;
4835}
4836.top_results_search_message_result .channel {
4837 color: #949494;
4838}
4839.top_results_search_message_result .channel a {
4840 color: #949494;
4841}
4842.top_results_search_message_result .jump {
4843 color: #e6e6e6;
4844}
4845.top_results_search_message_result:hover {
4846 border-color: rgba(130, 130, 130, 0.6) !important;
4847 border-top: 2px solid #545454 !important;
4848}
4849.top_results_search_message_result:first-child {
4850 border-top: 2px solid #545454;
4851}
4852.sli_expert_search {
4853 background-color: #222;
4854 color: #e6e6e6;
4855}
4856.sli_expert_search__result {
4857 border-color: #545454;
4858}
4859.sli_expert_search__result .app_preview_link,
4860.sli_expert_search__result .member_preview_link {
4861 color: #e6e6e6 !important;
4862}
4863.sli_expert_search__fg_face::before {
4864 background-color: #222;
4865}
4866.sli_expert_search_cta {
4867 border-color: #545454;
4868}
4869.sli_expert_search_cta:hover {
4870 border-color: #828282;
4871}
4872.sli_expert_search_cta__text {
4873 color: #e6e6e6;
4874}
4875.sli_expert_search_cta__text:hover {
4876 color: #e6e6e6;
4877}
4878.sli_expert_search__plus_sign_overlay {
4879 background-color: #363636;
4880 color: #949494;
4881}
4882.sli_expert_search__arrow {
4883 color: #949494;
4884}
4885.sli_expert_search_cta:hover .sli_expert_search__arrow,
4886.sli_expert_search_header:hover .sli_expert_search__arrow {
4887 color: #949494;
4888}
4889.sli_expert_search__partial_terms {
4890 color: #949494;
4891}
4892.feature_sli_file_search #search_filters.all #filter_all {
4893 border-bottom-color: #363636;
4894 color: #e6e6e6;
4895}
4896.feature_sli_file_search #search_results .file_list_item {
4897 background-color: #222;
4898 border-color: #545454;
4899}
4900.feature_sli_file_search #search_results.all,
4901.feature_sli_file_search #search_results.messages {
4902 background-color: #222;
4903}
4904.feature_sli_file_search #search_results.all .search_message_result,
4905.feature_sli_file_search #search_results.messages .search_message_result {
4906 background-color: #222;
4907 border-color: #545454;
4908}
4909.feature_sli_file_search
4910 #search_results.all
4911 .search_result_with_extract.first_extract_message_in_group,
4912.feature_sli_file_search
4913 #search_results.all
4914 .search_result_with_extract:first-child,
4915.feature_sli_file_search
4916 #search_results.messages
4917 .search_result_with_extract.first_extract_message_in_group,
4918.feature_sli_file_search
4919 #search_results.messages
4920 .search_result_with_extract:first-child {
4921 border-top-color: #545454;
4922}
4923.feature_sli_file_search
4924 #search_results.all
4925 .search_result_with_extract.first_extract_message_in_group:hover,
4926.feature_sli_file_search
4927 #search_results.all
4928 .search_result_with_extract:first-child:hover,
4929.feature_sli_file_search
4930 #search_results.messages
4931 .search_result_with_extract.first_extract_message_in_group:hover,
4932.feature_sli_file_search
4933 #search_results.messages
4934 .search_result_with_extract:first-child:hover {
4935 border-top-color: #545454;
4936}
4937.feature_sli_file_search
4938 #search_results.all
4939 .search_result_with_extract.last_extract_message_in_group,
4940.feature_sli_file_search
4941 #search_results.messages
4942 .search_result_with_extract.last_extract_message_in_group {
4943 border-bottom-color: #545454;
4944}
4945.feature_sli_file_search
4946 #search_results.all
4947 .search_result_with_extract.last_extract_message_in_group:hover,
4948.feature_sli_file_search
4949 #search_results.messages
4950 .search_result_with_extract.last_extract_message_in_group:hover {
4951 border-bottom-color: #545454;
4952}
4953.feature_sli_file_search #search_results.all .search_message_result_meta,
4954.feature_sli_file_search #search_results.messages .search_message_result_meta {
4955 color: #949494;
4956}
4957.feature_sli_file_search #search_results.all .channel_link,
4958.feature_sli_file_search #search_results.messages .channel_link {
4959 color: #949494;
4960}
4961.feature_sli_file_search #search_results.all .sli_expert_search .channel_link,
4962.feature_sli_file_search
4963 #search_results.messages
4964 .sli_expert_search
4965 .channel_link {
4966 color: #e6e6e6;
4967}
4968.feature_sli_file_search #search_results.all .new_jump_link,
4969.feature_sli_file_search #search_results.messages .new_jump_link {
4970 color: #e6e6e6;
4971}
4972.feature_sli_file_search #search_results.all {
4973 background-color: #222;
4974}
4975.feature_sli_file_search
4976 #search_results.all
4977 .top_search_results
4978 .search_message_result {
4979 background-color: #222;
4980 border-color: #545454;
4981}
4982.feature_sli_file_search
4983 #search_results.all
4984 .top_search_results
4985 .search_message_result__channel
4986 a {
4987 color: #949494;
4988}
4989.feature_sli_file_search #search_results.all .sli_expert_search_cta {
4990 border-color: #545454;
4991}
4992.feature_sli_file_search #search_results.all .sli_expert_search_cta:hover {
4993 border-color: #828282;
4994}
4995.feature_sli_file_search #search_results.all .sli_expert_search__result {
4996 border-color: #828282;
4997}
4998.feature_sli_file_search #search_results.all .team_result {
4999 background-color: #222;
5000 border-color: #545454;
5001}
5002.feature_sli_file_search #search_results.files {
5003 background-color: #222;
5004}
5005.feature_sli_file_search #search_results.files #search_file_list_clear_filter,
5006.feature_sli_file_search #search_results.files #search_file_list_heading {
5007 color: #e6e6e6;
5008}
5009.feature_sli_file_search #search_results_loading {
5010 background-color: #222;
5011}
5012.feature_sli_file_search #search_results_container #search_options {
5013 background-color: #222;
5014}
5015.feature_sli_file_search #search_results_container .heading {
5016 background-color: #222;
5017}
5018#client-ui .file_list_item.file_list_item--redesign {
5019 border-color: #545454;
5020}
5021#client-ui .file_list_item.file_list_item--redesign .file_list_item__channel {
5022 color: #949494;
5023}
5024#client-ui .file_list_item.file_list_item--redesign .message_sender {
5025 color: #949494;
5026}
5027.p-shortcuts_flexpane__shortcut {
5028 border-color: #000;
5029}
5030.p-shortcuts_flexpane__shortcut:last-of-type {
5031 border-bottom-color: #000;
5032}
5033.p-shortcuts_flexpane__shortcut_hoverable
5034 .p-shortcuts_flexpane__shortcut_title {
5035 color: #e6e6e6;
5036}
5037.p-shortcuts_flexpane__shortcut_title {
5038 color: #949494;
5039}
5040.p-shortcuts_flexpane__title {
5041 color: #e6e6e6;
5042}
5043.p-shortcuts_flexpane__tip {
5044 color: #949494;
5045}
5046.p-shortcuts_flexpane__section_description {
5047 color: #949494;
5048}
5049.p-shortcuts_flexpane__sub_heading {
5050 color: #949494;
5051}
5052.c-keyboard_key {
5053 background: #545454;
5054 border-color: #828282;
5055 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
5056 color: #e6e6e6;
5057}
5058.tab_container .star_item .message .timestamp,
5059.tab_container .star_item ts-message .timestamp {
5060 color: #949494;
5061}
5062#member_preview_scroller a:not(.member_name):not(.current_status_preset_option),
5063.team_list_item a:not(.member_name):not(.current_status_preset_option) {
5064 color: #949494;
5065}
5066#member_preview_scroller
5067 a:not(.member_name):not(.current_status_preset_option):hover,
5068.team_list_item a:not(.member_name):not(.current_status_preset_option):hover {
5069 color: #c7c7c7;
5070}
5071#member_preview_scroller .member_data_table a,
5072#team_list .member_data_table a {
5073 color: #949494;
5074}
5075#member_preview_scroller .member_data_table a:hover,
5076#team_list .member_data_table a:hover {
5077 color: #c7c7c7;
5078}
5079#member_preview_scroller a.member_action_button,
5080#team_list a.member_action_button {
5081 color: #949494 !important;
5082}
5083#member_preview_scroller a.member_action_button:hover,
5084#team_list a.member_action_button:hover {
5085 border-color: #828282 !important;
5086 color: #c7c7c7 !important;
5087}
5088#member_preview_scroller .member_data_table tr,
5089#member_preview_web_container .member_data_table tr,
5090#team_list .member_data_table tr,
5091.menu_member_header .member_data_table tr {
5092 color: #e6e6e6;
5093}
5094#member_preview_scroller .member_data_table a,
5095#member_preview_web_container .member_data_table a,
5096#team_list .member_data_table a,
5097.menu_member_header .member_data_table a {
5098 color: #949494 !important;
5099}
5100#member_preview_scroller .member_data_table a:hover,
5101#member_preview_web_container .member_data_table a:hover,
5102#team_list .member_data_table a:hover,
5103.menu_member_header .member_data_table a:hover {
5104 color: #c7c7c7 !important;
5105}
5106#member_preview_scroller .member_data_table .bot_label,
5107#member_preview_web_container .member_data_table .bot_label,
5108#team_list .member_data_table .bot_label,
5109.menu_member_header .member_data_table .bot_label {
5110 background: #000;
5111 color: #949494;
5112}
5113#member_preview_scroller {
5114 background-color: #363636;
5115}
5116#member_preview_scroller
5117 .member_data_table
5118 .current_status_cell
5119 .current_status_container
5120 .current_status_cover:hover {
5121 border-color: #363636;
5122}
5123#member_preview_scroller
5124 .member_data_table
5125 .current_status_cell
5126 .current_status_container:not(.active)
5127 .current_status_cover.without_status_set
5128 .current_status_placeholder {
5129 color: rgba(230, 230, 230, 0.35) !important;
5130}
5131#team_tab #member_preview_scroller {
5132 background-color: #222;
5133}
5134#team_tab #member_preview_scroller .member_details .member_name {
5135 color: #e6e6e6;
5136}
5137#member_preview_scroller .member_details .member_name_and_presence .member_name,
5138#member_preview_web_container
5139 .member_details
5140 .member_name_and_presence
5141 .member_name,
5142.menu_member_header .member_details .member_name_and_presence .member_name {
5143 color: #e6e6e6;
5144}
5145#member_preview_scroller .member_details .member_title,
5146#member_preview_web_container .member_details .member_title,
5147.menu_member_header .member_details .member_title {
5148 color: #e6e6e6;
5149}
5150#member_preview_scroller .member_details .member_restriction,
5151#member_preview_scroller .member_details .member_timezone_value,
5152#member_preview_scroller .member_details .member_current_status,
5153#member_preview_web_container .member_details .member_restriction,
5154#member_preview_web_container .member_details .member_timezone_value,
5155#member_preview_web_container .member_details .member_current_status,
5156.menu_member_header .member_details .member_restriction,
5157.menu_member_header .member_details .member_timezone_value,
5158.menu_member_header .member_details .member_current_status {
5159 color: #949494;
5160}
5161#member_preview_scroller .member_details .member_restriction a,
5162#member_preview_scroller .member_details .member_timezone_value a,
5163#member_preview_scroller .member_details .member_current_status a,
5164#member_preview_web_container .member_details .member_restriction a,
5165#member_preview_web_container .member_details .member_timezone_value a,
5166#member_preview_web_container .member_details .member_current_status a,
5167.menu_member_header .member_details .member_restriction a,
5168.menu_member_header .member_details .member_timezone_value a,
5169.menu_member_header .member_details .member_current_status a {
5170 color: #949494;
5171}
5172#member_preview_scroller .member_details .member_restriction a:hover,
5173#member_preview_scroller .member_details .member_timezone_value a:hover,
5174#member_preview_scroller .member_details .member_current_status a:hover,
5175#member_preview_web_container .member_details .member_restriction a:hover,
5176#member_preview_web_container .member_details .member_timezone_value a:hover,
5177#member_preview_web_container .member_details .member_current_status a:hover,
5178.menu_member_header .member_details .member_restriction a:hover,
5179.menu_member_header .member_details .member_timezone_value a:hover,
5180.menu_member_header .member_details .member_current_status a:hover {
5181 color: #c7c7c7;
5182}
5183#member_preview_scroller
5184 .member_details
5185 .member_restriction
5186 .ts_icon_question_circle:focus,
5187#member_preview_scroller
5188 .member_details
5189 .member_restriction
5190 .ts_icon_question_circle:hover,
5191#member_preview_scroller
5192 .member_details
5193 .member_timezone_value
5194 .ts_icon_question_circle:focus,
5195#member_preview_scroller
5196 .member_details
5197 .member_timezone_value
5198 .ts_icon_question_circle:hover,
5199#member_preview_scroller
5200 .member_details
5201 .member_current_status
5202 .ts_icon_question_circle:focus,
5203#member_preview_scroller
5204 .member_details
5205 .member_current_status
5206 .ts_icon_question_circle:hover,
5207#member_preview_web_container
5208 .member_details
5209 .member_restriction
5210 .ts_icon_question_circle:focus,
5211#member_preview_web_container
5212 .member_details
5213 .member_restriction
5214 .ts_icon_question_circle:hover,
5215#member_preview_web_container
5216 .member_details
5217 .member_timezone_value
5218 .ts_icon_question_circle:focus,
5219#member_preview_web_container
5220 .member_details
5221 .member_timezone_value
5222 .ts_icon_question_circle:hover,
5223#member_preview_web_container
5224 .member_details
5225 .member_current_status
5226 .ts_icon_question_circle:focus,
5227#member_preview_web_container
5228 .member_details
5229 .member_current_status
5230 .ts_icon_question_circle:hover,
5231.menu_member_header
5232 .member_details
5233 .member_restriction
5234 .ts_icon_question_circle:focus,
5235.menu_member_header
5236 .member_details
5237 .member_restriction
5238 .ts_icon_question_circle:hover,
5239.menu_member_header
5240 .member_details
5241 .member_timezone_value
5242 .ts_icon_question_circle:focus,
5243.menu_member_header
5244 .member_details
5245 .member_timezone_value
5246 .ts_icon_question_circle:hover,
5247.menu_member_header
5248 .member_details
5249 .member_current_status
5250 .ts_icon_question_circle:focus,
5251.menu_member_header
5252 .member_details
5253 .member_current_status
5254 .ts_icon_question_circle:hover {
5255 color: #949494;
5256}
5257#member_preview_scroller .member_details_divider,
5258#member_preview_web_container .member_details_divider,
5259.menu_member_header .member_details_divider {
5260 border-color: #363636;
5261}
5262#disabled_members_tab a {
5263 color: #949494;
5264}
5265#disabled_members_tab a:hover {
5266 background: #424242;
5267 color: #c7c7c7;
5268}
5269#disabled_members_tab.active a {
5270 color: #949494;
5271}
5272.team_list_item {
5273 border-top: 1px solid #545454;
5274 color: #949494;
5275}
5276.team_list_item .member_name {
5277 color: #e6e6e6;
5278}
5279#client-ui .searchable_member_list .team_list_item a,
5280#client-ui #team_list .team_list_item a,
5281#member_preview_scroller .team_list_item a {
5282 color: #e6e6e6 !important;
5283}
5284#client-ui .searchable_member_list .team_list_item.expanded,
5285#client-ui #team_list .team_list_item.expanded,
5286#member_preview_scroller .team_list_item.expanded {
5287 border-color: #363636 !important;
5288}
5289#client-ui .searchable_member_list .team_list_item:hover,
5290#client-ui #team_list .team_list_item:hover,
5291#member_preview_scroller .team_list_item:hover {
5292 border-color: #545454 !important;
5293}
5294#client-ui .searchable_member_list .team_list_item {
5295 border-bottom-color: #000;
5296}
5297#client-ui .searchable_member_list .team_list_item:hover {
5298 background: #545454;
5299}
5300.c-unified_member__display-name,
5301.c-unified_member__secondary-name,
5302.c-unified_member__title,
5303.c-unified_member__other-names,
5304.c-unified_member__other-names {
5305 color: #e6e6e6 !important;
5306}
5307#convo_tab #convo_tab_btns .close_flexpane:focus,
5308#convo_tab #convo_tab_btns .close_flexpane:hover {
5309 color: #e6e6e6;
5310}
5311#convo_tab textarea.message_input {
5312 color: #e6e6e6;
5313}
5314#convo_tab .message_input,
5315#convo_tab textarea#msg_text {
5316 color: #e6e6e6;
5317}
5318#convo_tab .p-threads_flexpane__separator_count {
5319 color: #949494;
5320}
5321#convo_tab .p-threads_flexpane__separator_line {
5322 border-color: #949494;
5323}
5324#reply_container .inline_message_input_container .message_input div,
5325#reply_container .inline_message_input_container textarea,
5326.reply_input_container .inline_message_input_container .message_input div,
5327.reply_input_container .inline_message_input_container textarea {
5328 border-color: #363636;
5329 color: #e6e6e6;
5330}
5331#reply_container .inline_message_input_container .message_input div:active,
5332#reply_container .inline_message_input_container .message_input div:focus,
5333#reply_container .inline_message_input_container textarea:active,
5334#reply_container .inline_message_input_container textarea:focus,
5335.reply_input_container
5336 .inline_message_input_container
5337 .message_input
5338 div:active,
5339.reply_input_container .inline_message_input_container .message_input div:focus,
5340.reply_input_container .inline_message_input_container textarea:active,
5341.reply_input_container .inline_message_input_container textarea:focus {
5342 border-color: #000;
5343}
5344#reply_container
5345 .reply_broadcast_buttons_container
5346 .reply_broadcast_label_container,
5347.reply_input_container
5348 .reply_broadcast_buttons_container
5349 .reply_broadcast_label_container {
5350 color: #e6e6e6;
5351}
5352#reply_container
5353 .reply_broadcast_buttons_container
5354 .reply_broadcast_label_container
5355 ts-icon.ts_icon_question_circle,
5356.reply_input_container
5357 .reply_broadcast_buttons_container
5358 .reply_broadcast_label_container
5359 ts-icon.ts_icon_question_circle {
5360 color: #949494 !important;
5361}
5362#reply_container .reply_limited_in_general,
5363.reply_input_container .reply_limited_in_general {
5364 background: #222;
5365 color: #949494;
5366}
5367#convo_container .convo_flexpane_divider {
5368 border-top-color: #363636;
5369 color: #949494;
5370}
5371#convo_container .convo_flexpane_divider .reply_count {
5372 background: #222;
5373}
5374#convo_container
5375 ts-conversation
5376 ts-message.selected
5377 .message_content
5378 .thread_channel_link {
5379 color: #949494;
5380}
5381ts-message.message:hover,
5382ts-message.message:active,
5383ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator),
5384ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator),
5385ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator) {
5386 background-color: #222222;
5387}
5388ts-thread .collapse_inline_thread_container:hover,
5389ts-thread .view_all_replies_container:hover {
5390 background-color: #222222;
5391}
5392.p-threads_flexpane__header {
5393 background: #363636;
5394 border-color: #545454;
5395 color: #e6e6e6;
5396}
5397.p-threads_flexpane__header_channel_name {
5398 color: #949494;
5399}
5400.p-threads_footer__input_container .p-message_input_file_button,
5401.p-threads_footer__input_container .p-message_input_field,
5402.p-threads_footer__input_container .ql-placeholder {
5403 background-color: #363636;
5404 color: #e6e6e6;
5405}
5406.p-threads_view {
5407 background-color: #222222;
5408}
5409.p-threads_view__default_background {
5410 background-color: #222222;
5411}
5412.p-threads_view__divider_label {
5413 background-color: #363636;
5414 color: #e6e6e6;
5415}
5416.p-threads_view__divider_line {
5417 border-top-color: #363636;
5418}
5419.p-threads_view__footer {
5420 border-color: #363636;
5421}
5422.p-threads_view_header__participant_list {
5423 color: #e6e6e6;
5424}
5425.p-threads_view_header__permalink {
5426 color: #949494 !important;
5427}
5428.p-threads_view_reply {
5429 border-color: #363636;
5430}
5431.p-threads_view_reply--new_reply {
5432 background-color: #363636;
5433}
5434.p-threads_view_root {
5435 border-color: #363636;
5436}
5437.p_threads_view_load_older_button,
5438.p_threads_view_load_newer_button {
5439 background-color: #222222;
5440 border-color: #363636;
5441}
5442.p_threads_view_load_older_button:hover,
5443.p_threads_view_load_newer_button:hover {
5444 background-color: #363636;
5445}
5446.p_threads_view_load_older_button .c-link--button,
5447.p_threads_view_load_newer_button .c-link--button {
5448 color: #e6e6e6;
5449}
5450.c-app_badge,
5451.c-app_label {
5452 color: #949494;
5453}
5454.c-timestamp__label {
5455 color: #e6e6e6;
5456}
5457#whats_new_tab p {
5458 color: #e6e6e6;
5459}
5460#whats_new_tab .flex_heading_controls label {
5461 color: #949494;
5462}
5463.c-member__display-name,
5464.c-team__display-name,
5465.c-usergroup__handle {
5466 color: #e6e6e6;
5467}
5468.c-member__current-status--small::before,
5469.c-member__secondary-name--large + .c-member__current-status--large::before,
5470.c-member__secondary-name--medium + .c-member__current-status--medium::before {
5471 color: #e6e6e6;
5472}
5473.c-member .external_team_badge {
5474 background-color: #545454;
5475 box-shadow: 0 0 0 2px #545454;
5476}
5477.c-member .external_team_badge.default {
5478 background-color: #949494;
5479 color: #e6e6e6;
5480 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
5481}
5482.c-member .external_team_badge::after {
5483 box-shadow: inset 0 0 0 1px #545454;
5484}
5485.c-member__name--small,
5486.c-team__name--small,
5487.c-usergroup__name--small {
5488 color: #e6e6e6;
5489}
5490.c-member--small .presence {
5491 color: #949494;
5492}
5493.c-member--small .team_image.icon_16 {
5494 border-color: #363636;
5495}
5496.c-member--small .team_image.default {
5497 background-color: #949494;
5498 color: #e6e6e6;
5499 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
5500}
5501.c-member--dark .c-member__current-status {
5502 color: #949494;
5503}
5504.c-member--dark .c-member__current-status::before {
5505 color: #949494;
5506}
5507.c-member--dark .c-member__name,
5508.c-member--dark .c-member__secondary-name {
5509 color: #949494;
5510}
5511.c-member--dark .c-member__display-name,
5512.c-member--dark .presence {
5513 color: #e6e6e6;
5514}
5515.c-member--medium {
5516 color: #949494;
5517}
5518.c-member--medium .presence {
5519 color: #949494;
5520}
5521.c-member__secondary-name--medium {
5522 color: #e6e6e6;
5523}
5524.c-member--large {
5525 color: #949494;
5526}
5527.c-member__display-name--large,
5528.c-member__title--large {
5529 color: #e6e6e6;
5530}
5531.c-member__other-names--large {
5532 color: #949494;
5533}
5534.c-usergroup--small .c-usergroup__icon {
5535 background-color: #949494;
5536 color: #e6e6e6;
5537}
5538.c-usergroup__not-in-channel-context--small {
5539 color: #949494;
5540}
5541.c-base_entity__subtext {
5542 color: #828282;
5543}
5544.p-emoji_picker {
5545 background: #000 !important;
5546 color: #e6e6e6 !important;
5547}
5548.p-emoji_picker[data-using-keyboard="true"]
5549 .p-emoji_picker__list_item[data-color-index="0"].key_selection {
5550 background: rgba(183, 232, 135, 0.5);
5551}
5552.p-emoji_picker[data-using-keyboard="true"]
5553 .p-emoji_picker__list_item[data-color-index="1"].key_selection {
5554 background: rgba(181, 224, 254, 0.5);
5555}
5556.p-emoji_picker[data-using-keyboard="true"]
5557 .p-emoji_picker__list_item[data-color-index="2"].key_selection {
5558 background: rgba(249, 239, 103, 0.5);
5559}
5560.p-emoji_picker[data-using-keyboard="true"]
5561 .p-emoji_picker__list_item[data-color-index="3"].key_selection {
5562 background: rgba(243, 193, 253, 0.5);
5563}
5564.p-emoji_picker[data-using-keyboard="true"]
5565 .p-emoji_picker__list_item[data-color-index="4"].key_selection {
5566 background: rgba(255, 225, 174, 0.5);
5567}
5568.p-emoji_picker[data-using-keyboard="true"]
5569 .p-emoji_picker__list_item[data-color-index="5"].key_selection {
5570 background: rgba(224, 223, 255, 0.5);
5571}
5572.p-emoji_picker__list_item {
5573 text-shadow: 0 1px rgba(0, 0, 0, 0.15);
5574}
5575.p-emoji_picker__list_item[data-color-index="0"]:hover,
5576.p-emoji_picker__list_item[data-color-index="0"].key_selection {
5577 background: rgba(183, 232, 135, 0.5);
5578}
5579.p-emoji_picker__list_item[data-color-index="1"]:hover,
5580.p-emoji_picker__list_item[data-color-index="1"].key_selection {
5581 background: rgba(181, 224, 254, 0.5);
5582}
5583.p-emoji_picker__list_item[data-color-index="2"]:hover,
5584.p-emoji_picker__list_item[data-color-index="2"].key_selection {
5585 background: rgba(249, 239, 103, 0.5);
5586}
5587.p-emoji_picker__list_item[data-color-index="3"]:hover,
5588.p-emoji_picker__list_item[data-color-index="3"].key_selection {
5589 background: rgba(243, 193, 253, 0.5);
5590}
5591.p-emoji_picker__list_item[data-color-index="4"]:hover,
5592.p-emoji_picker__list_item[data-color-index="4"].key_selection {
5593 background: rgba(255, 225, 174, 0.5);
5594}
5595.p-emoji_picker__list_item[data-color-index="5"]:hover,
5596.p-emoji_picker__list_item[data-color-index="5"].key_selection {
5597 background: rgba(224, 223, 255, 0.5);
5598}
5599.p-emoji_picker__heading,
5600.p-emoji_picker__list_container,
5601.p-emoji_picker__input_container {
5602 background: #222;
5603}
5604.p-emoji_picker__group_tabs {
5605 border-bottom-color: #424242;
5606}
5607.p-emoji_picker__group_tab {
5608 color: #949494;
5609}
5610.p-emoji_picker__group_tab:hover {
5611 background: #363636;
5612 color: #c7c7c7;
5613}
5614.p-emoji_picker__group_tab--active {
5615 background: #545454;
5616 border-bottom-color: #424242;
5617 color: #e6e6e6;
5618}
5619.p-emoji_picker__icon_search {
5620 color: #949494;
5621}
5622.p-emoji_picker__content:hover .p-emoji_picker__skintone_btn_container {
5623 background: #222;
5624 border-color: #222;
5625}
5626.p-emoji_picker__skintone_options {
5627 background: #222;
5628}
5629.p-emoji_picker__tip i,
5630.p-emoji_picker__no_results i {
5631 color: #949494;
5632}
5633.p-emoji_picker__tip {
5634 color: #e6e6e6;
5635}
5636.p-emoji_picker__no_results {
5637 color: #949494;
5638}
5639.p-emoji_picker__preview_text {
5640 background: #000;
5641 color: #e6e6e6;
5642}
5643.p-emoji_picker__footer {
5644 background: #000;
5645 border-top-color: #363636;
5646}
5647.p-emoji_picker__footer .p-emoji_picker__heading {
5648 background: #000;
5649}
5650.p-emoji_picker__emoji_deluxe_label {
5651 color: #949494;
5652}
5653input[type="text"].p-emoji_picker__input:focus {
5654 border-color: #545454;
5655 box-shadow: none;
5656}
5657#message_edit_form .current_status_empty_emoji,
5658#message_edit_form .current_status_empty_emoji_cover,
5659#message_edit_form .emo_menu,
5660#msg_form .current_status_empty_emoji,
5661#msg_form .current_status_empty_emoji_cover,
5662#msg_form .emo_menu,
5663.current_status_container .current_status_empty_emoji,
5664.current_status_container .current_status_empty_emoji_cover,
5665.current_status_container .emo_menu,
5666.current_status_input_container .current_status_empty_emoji,
5667.current_status_input_container .current_status_empty_emoji_cover,
5668.current_status_input_container .emo_menu,
5669.inline_message_input_container .current_status_empty_emoji,
5670.inline_message_input_container .current_status_empty_emoji_cover,
5671.inline_message_input_container .emo_menu,
5672.share_channel_modal_contents .current_status_empty_emoji,
5673.share_channel_modal_contents .current_status_empty_emoji_cover,
5674.share_channel_modal_contents .emo_menu {
5675 color: #949494;
5676}
5677#message_edit_form
5678 .current_status_input.focus
5679 ~ .current_status_emoji_picker
5680 .current_status_empty_emoji,
5681#msg_form
5682 .current_status_input.focus
5683 ~ .current_status_emoji_picker
5684 .current_status_empty_emoji,
5685.current_status_container
5686 .current_status_input.focus
5687 ~ .current_status_emoji_picker
5688 .current_status_empty_emoji,
5689.current_status_input_container
5690 .current_status_input.focus
5691 ~ .current_status_emoji_picker
5692 .current_status_empty_emoji,
5693.inline_message_input_container
5694 .current_status_input.focus
5695 ~ .current_status_emoji_picker
5696 .current_status_empty_emoji,
5697.share_channel_modal_contents
5698 .current_status_input.focus
5699 ~ .current_status_emoji_picker
5700 .current_status_empty_emoji {
5701 color: #e6e6e6;
5702}
5703#message_edit_form
5704 #msg_input.focus
5705 ~ #primary_file_button:not(:hover):not(.active),
5706#message_edit_form #msg_input.focus ~ .emo_menu,
5707#message_edit_form
5708 #msg_input:focus
5709 ~ #primary_file_button:not(:hover):not(.active),
5710#message_edit_form #msg_input:focus ~ .emo_menu,
5711#msg_form #msg_input.focus ~ #primary_file_button:not(:hover):not(.active),
5712#msg_form #msg_input.focus ~ .emo_menu,
5713#msg_form #msg_input:focus ~ #primary_file_button:not(:hover):not(.active),
5714#msg_form #msg_input:focus ~ .emo_menu,
5715.current_status_container
5716 #msg_input.focus
5717 ~ #primary_file_button:not(:hover):not(.active),
5718.current_status_container #msg_input.focus ~ .emo_menu,
5719.current_status_container
5720 #msg_input:focus
5721 ~ #primary_file_button:not(:hover):not(.active),
5722.current_status_container #msg_input:focus ~ .emo_menu,
5723.current_status_input_container
5724 #msg_input.focus
5725 ~ #primary_file_button:not(:hover):not(.active),
5726.current_status_input_container #msg_input.focus ~ .emo_menu,
5727.current_status_input_container
5728 #msg_input:focus
5729 ~ #primary_file_button:not(:hover):not(.active),
5730.current_status_input_container #msg_input:focus ~ .emo_menu,
5731.inline_message_input_container
5732 #msg_input.focus
5733 ~ #primary_file_button:not(:hover):not(.active),
5734.inline_message_input_container #msg_input.focus ~ .emo_menu,
5735.inline_message_input_container
5736 #msg_input:focus
5737 ~ #primary_file_button:not(:hover):not(.active),
5738.inline_message_input_container #msg_input:focus ~ .emo_menu,
5739.share_channel_modal_contents
5740 #msg_input.focus
5741 ~ #primary_file_button:not(:hover):not(.active),
5742.share_channel_modal_contents #msg_input.focus ~ .emo_menu,
5743.share_channel_modal_contents
5744 #msg_input:focus
5745 ~ #primary_file_button:not(:hover):not(.active),
5746.share_channel_modal_contents #msg_input:focus ~ .emo_menu {
5747 color: #e6e6e6;
5748}
5749#message_edit_form
5750 .message_input:focus
5751 ~ #primary_file_button:not(:hover):not(.active),
5752#message_edit_form .message_input:focus ~ .emo_menu,
5753#msg_form .message_input:focus ~ #primary_file_button:not(:hover):not(.active),
5754#msg_form .message_input:focus ~ .emo_menu,
5755.current_status_container
5756 .message_input:focus
5757 ~ #primary_file_button:not(:hover):not(.active),
5758.current_status_container .message_input:focus ~ .emo_menu,
5759.current_status_input_container
5760 .message_input:focus
5761 ~ #primary_file_button:not(:hover):not(.active),
5762.current_status_input_container .message_input:focus ~ .emo_menu,
5763.inline_message_input_container
5764 .message_input:focus
5765 ~ #primary_file_button:not(:hover):not(.active),
5766.inline_message_input_container .message_input:focus ~ .emo_menu,
5767.share_channel_modal_contents
5768 .message_input:focus
5769 ~ #primary_file_button:not(:hover):not(.active),
5770.share_channel_modal_contents .message_input:focus ~ .emo_menu {
5771 color: #e6e6e6;
5772}
5773.current_status_emoji_picker {
5774 border-right-color: #363636;
5775}
5776.current_status_input_for_team_menu .current_status_presets {
5777 border-top: 1px solid #000;
5778}
5779.current_status_input_for_team_menu
5780 .current_status_presets
5781 .current_status_presets_section_header
5782 .header_label {
5783 color: #949494;
5784}
5785.rxn,
5786.c-reaction,
5787.c-reaction_add,
5788.c-member_slug {
5789 background: #363636;
5790 border: 1px solid #545454;
5791}
5792.rxn.active,
5793.rxn:hover,
5794.c-reaction.active,
5795.c-reaction:hover,
5796.c-reaction_add.active,
5797.c-reaction_add:hover,
5798.c-member_slug.active,
5799.c-member_slug:hover {
5800 background: #424242;
5801}
5802.rxn.active .emoji_rxn_count,
5803.rxn:hover .emoji_rxn_count,
5804.c-reaction.active .emoji_rxn_count,
5805.c-reaction:hover .emoji_rxn_count,
5806.c-reaction_add.active .emoji_rxn_count,
5807.c-reaction_add:hover .emoji_rxn_count,
5808.c-member_slug.active .emoji_rxn_count,
5809.c-member_slug:hover .emoji_rxn_count {
5810 color: #e6e6e6;
5811}
5812.rxn.c-reaction--reacted,
5813.c-reaction.c-reaction--reacted,
5814.c-reaction_add.c-reaction--reacted,
5815.c-member_slug.c-reaction--reacted {
5816 background-color: rgba(66, 66, 66, 0.08);
5817 border-color: rgba(130, 130, 130, 0.4) !important;
5818}
5819.rxn.c-reaction--reacted .emoji_rxn_count,
5820.rxn.c-reaction--reacted .c-reaction__count,
5821.c-reaction.c-reaction--reacted .emoji_rxn_count,
5822.c-reaction.c-reaction--reacted .c-reaction__count,
5823.c-reaction_add.c-reaction--reacted .emoji_rxn_count,
5824.c-reaction_add.c-reaction--reacted .c-reaction__count,
5825.c-member_slug.c-reaction--reacted .emoji_rxn_count,
5826.c-member_slug.c-reaction--reacted .c-reaction__count {
5827 color: #e6e6e6;
5828}
5829.rxn .emoji_rxn_count,
5830.rxn .c-reaction__count,
5831.c-reaction .emoji_rxn_count,
5832.c-reaction .c-reaction__count,
5833.c-reaction_add .emoji_rxn_count,
5834.c-reaction_add .c-reaction__count,
5835.c-member_slug .emoji_rxn_count,
5836.c-member_slug .c-reaction__count {
5837 color: #e6e6e6;
5838}
5839.rxn.menu_rxn .ts_icon,
5840.c-reaction.menu_rxn .ts_icon,
5841.c-reaction_add.menu_rxn .ts_icon,
5842.c-member_slug.menu_rxn .ts_icon {
5843 color: rgba(230, 230, 230, 0.25);
5844}
5845a.c-member_slug--mention,
5846a.c-member_slug--mention:hover {
5847 background-color: #fff6d1;
5848 color: #363636;
5849}
5850.modal {
5851 background-color: #222;
5852 border: 0;
5853 box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
5854}
5855.modal .close,
5856.modal label {
5857 color: #e6e6e6;
5858}
5859.modal_input_note,
5860.modal_input_note_full_width,
5861.input_note_special {
5862 color: #949494;
5863}
5864.modal-footer {
5865 background: padding-box #222;
5866 border-top: 1px solid transparent;
5867 box-shadow: none;
5868}
5869.modal-header {
5870 background: padding-box #000;
5871 border-bottom: 1px solid #363636;
5872 color: #e6e6e6;
5873}
5874.modal-backdrop {
5875 background-color: #222;
5876}
5877.close {
5878 color: #e6e6e6;
5879 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
5880}
5881#fs_modal_bg {
5882 background: #222;
5883}
5884#fs_modal {
5885 background: #222;
5886}
5887#fs_modal h1,
5888#fs_modal h2,
5889#fs_modal h3,
5890#fs_modal h4,
5891#fs_modal h5,
5892#fs_modal h6 {
5893 color: #e6e6e6;
5894}
5895#fs_modal #fs_modal_sidebar a {
5896 color: #e6e6e6;
5897}
5898#fs_modal #fs_modal_sidebar a:hover {
5899 background: #363636;
5900}
5901#fs_modal #fs_modal_sidebar a.active {
5902 background: #000;
5903 color: #e6e6e6;
5904 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
5905}
5906#fs_modal .fs_modal_btn {
5907 color: rgba(230, 230, 230, 0.5);
5908}
5909#fs_modal .fs_modal_btn:hover {
5910 background: #828282;
5911 color: #e6e6e6;
5912}
5913#fs_modal .fs_modal_btn:active {
5914 background: #828282;
5915 color: #e6e6e6;
5916}
5917#fs_modal.fs_modal_header .fs_modal_btn:active {
5918 color: #e6e6e6;
5919}
5920#fs_modal #fs_modal_footer {
5921 background-color: #363636;
5922}
5923.c-fullscreen_modal__body {
5924 background: #222;
5925 color: #e6e6e6;
5926}
5927.p-dm_browser_modal__option {
5928 border-color: #828282;
5929}
5930.p-dm_browser_modal__list_row--active {
5931 background: #363636;
5932}
5933.p-dm_browser_modal__list_row_meta {
5934 color: #e6e6e6;
5935}
5936.p-apps_browser__apps_list--loading::before {
5937 background-color: #363636;
5938}
5939.p-apps_browser__category_section--tutorial .p-apps_browser__app {
5940 border-color: #545454;
5941 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
5942}
5943.p-apps_browser__category_section--tutorial .p-apps_browser__app--selected {
5944 background: #363636;
5945 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
5946}
5947.p-apps_browser__category_header {
5948 background: #222;
5949 color: #949494;
5950}
5951.p-apps_browser__app {
5952 border-top-color: #545454;
5953}
5954.p-apps_browser__app--selected {
5955 background: #363636;
5956 border-color: #828282;
5957}
5958.p-apps_browser__app_info {
5959 color: #e6e6e6;
5960}
5961.p-apps_browser__browse_apps,
5962.p-apps_browser__app_action {
5963 background-color: #545454;
5964 border-color: #828282;
5965 color: #e6e6e6;
5966}
5967.p-apps_browser__browse_apps:hover,
5968.p-apps_browser__browse_apps:focus,
5969.p-apps_browser__app_action:hover,
5970.p-apps_browser__app_action:focus {
5971 background-color: #828282;
5972 color: #e6e6e6;
5973}
5974.p-apps_browser__browse_apps:active,
5975.p-apps_browser__app_action:active {
5976 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
5977}
5978.p-apps_browser__app_description {
5979 color: #949494;
5980}
5981#fs_modal.p-apps_browser_modal
5982 .contents_container
5983 .contents
5984 .links_container
5985 a {
5986 color: #949494;
5987}
5988#fs_modal.p-apps_browser_modal
5989 .contents_container
5990 .contents
5991 .links_container
5992 a:active,
5993#fs_modal.p-apps_browser_modal
5994 .contents_container
5995 .contents
5996 .links_container
5997 a:hover,
5998#fs_modal.p-apps_browser_modal
5999 .contents_container
6000 .contents
6001 .links_container
6002 a:visited {
6003 color: #e6e6e6;
6004}
6005.p-app_space {
6006 background-color: #363636;
6007}
6008.p-app_space__header,
6009.p-app_space__subheader,
6010.p-app_space__subheader__helper {
6011 color: #e6e6e6;
6012}
6013.p-app_space_profile__info,
6014.p-app_space_profile__screenshots {
6015 background-color: #363636;
6016 border-bottom-color: #424242;
6017}
6018.p-app_space_profile__screenshots {
6019 background-color: #363636;
6020 border-bottom-color: #424242;
6021 border-top-color: #424242;
6022}
6023.p-app_space_profile__screenshot,
6024.p-app_space_profileyoutube_thumbnail {
6025 box-shadow: 0 0 0 1px #424242;
6026}
6027.p-app_space_profile__slash_command {
6028 border-bottom-color: #424242;
6029 border-top-color: #424242;
6030}
6031.p-app_space_profile__slash_command strong {
6032 color: #e6e6e6;
6033}
6034.p-app_space_profile__slash_command_desc {
6035 color: #949494;
6036}
6037.p-app_space_profile__slash_commands {
6038 background-color: #222222;
6039 border-bottom-color: #424242;
6040 border-top-color: #424242;
6041}
6042#incoming_call {
6043 background-color: rgba(0, 0, 0, 0.97);
6044 color: #e6e6e6;
6045}
6046#fs_modal.channel_options_modal .channel_options_header {
6047 border-bottom-color: #363636;
6048}
6049#fs_modal.channel_options_modal .convert_to_shared label {
6050 color: #949494;
6051}
6052#fs_modal.channel_options_modal .channel_option_item {
6053 border-top-color: #363636;
6054}
6055#fs_modal.channel_options_modal .channel_option_item .channel_option_open {
6056 color: #e6e6e6;
6057}
6058#fs_modal.channel_options_modal .channel_option_item:hover {
6059 background: rgba(0, 0, 0, 0.75);
6060 border-color: #363636;
6061}
6062#channel_invite_container .lfs_list_container .lfs_item {
6063 border-top-color: #363636;
6064}
6065#channel_invite_container .lfs_list_container .lfs_item.active {
6066 border-color: #363636;
6067}
6068#channel_invite_container.page_needs_enterprise .channel_invite_row {
6069 border-top-color: #363636;
6070}
6071#channel_invite_container.page_needs_enterprise .channel_invite_row.disabled {
6072 color: #949494;
6073}
6074#channel_invite_modal
6075 #channel_invite_container:not(.keyboard_active).not_scrolling
6076 .channel_invite_row:not(.disabled):hover,
6077#channel_invite_modal .channel_invite_row.highlighted:not(.disabled) {
6078 background: #222;
6079 border-color: #363636;
6080}
6081#channel_prefs_dialog {
6082 color: #e6e6e6;
6083}
6084#at_channel_warning_dialog {
6085 background-color: #222;
6086}
6087#at_channel_warning_dialog.fullsize {
6088 background-color: #222;
6089}
6090#at_channel_warning_dialog.fullsize .modal-body {
6091 background-color: #222;
6092}
6093.channel_prefs_modal_header {
6094 color: #e6e6e6;
6095}
6096.channel_prefs_body__section_header_title {
6097 color: #e6e6e6;
6098}
6099.channel_prefs_body__section_header_icon::before {
6100 color: #e6e6e6;
6101}
6102.channel_prefs_body__mute_help_text {
6103 color: #949494;
6104}
6105.channel_prefs_notifications_table {
6106 border-bottom-color: #363636;
6107 color: #e6e6e6;
6108}
6109.channel_prefs_notifications_table__large_cell,
6110.channel_prefs_notifications_table__small_cell,
6111.channel_prefs_notifications_table__row_title {
6112 border-bottom-color: #545454 !important;
6113}
6114.channel_prefs__muting_checkbox_label {
6115 color: #e6e6e6;
6116}
6117.channel_prefs__muting_checkbox_label:not(.subtle_silver) {
6118 color: #e6e6e6 !important;
6119}
6120.notification_prefs_icon::before {
6121 color: #e6e6e6;
6122}
6123.channel_header .channel_header__tabs .channel_header__tab {
6124 color: #949494;
6125}
6126.channel_header .channel_header__tabs .channel_header__tab:hover {
6127 color: #c7c7c7;
6128}
6129.channel_modal_header {
6130 color: #e6e6e6;
6131}
6132#channel_browser .channel_browser_row {
6133 border-top: 1px solid #363636;
6134 color: #e6e6e6;
6135}
6136#channel_browser .channel_browser_row_header {
6137 color: #e6e6e6;
6138}
6139#channel_browser .channel_browser_creator_name {
6140 color: #949494;
6141}
6142#channel_browser .channel_browser_open,
6143#channel_browser .channel_browser_preview {
6144 color: #949494;
6145}
6146#channel_browser
6147 #channel_list_container:not(.keyboard_active).not_scrolling
6148 .channel_browser_row:hover,
6149#channel_browser .channel_browser_row.highlighted {
6150 background: #000;
6151 border: 1px solid #545454;
6152}
6153#channel_browser .channel_browser_divider {
6154 background: transparent;
6155 color: #949494;
6156}
6157#channel_browser .channel_browser_sort_container::after {
6158 color: #e6e6e6;
6159}
6160#channel_browser .channel_browser_channel_purpose {
6161 color: #e6e6e6;
6162}
6163.channel_invite_member .add_icon,
6164.channel_invite_member_small .add_icon {
6165 color: #949494;
6166}
6167.channel_invite_member .name_container .not_in_token,
6168.channel_invite_member_small .name_container .not_in_token {
6169 color: #949494 !important;
6170}
6171.channel_invite_member .invite_user_group_avatar,
6172.channel_invite_member_small .invite_user_group_avatar {
6173 background-color: #000;
6174 color: #e6e6e6;
6175}
6176#invite_members_container .lfs_input_container {
6177 background: #545454;
6178}
6179#notifications_not_working p.highlight_yellow_bg a {
6180 color: #e6e6e6;
6181}
6182.c-dialog__header {
6183 background: #000;
6184}
6185.c-dialog__header .c-dialog__title,
6186.c-dialog__header .c-dialog__close {
6187 color: #e6e6e6;
6188}
6189.c-dialog__header .c-dialog__close:hover {
6190 color: #949494;
6191}
6192.c-dialog__body {
6193 background: #222222;
6194}
6195.c-dialog__body .p-multi_file_upload__add_file_btn {
6196 color: #949494;
6197}
6198.c-dialog__body .p-multi_file_upload__container .p-galler_scroller__wrapper {
6199 background-color: #000;
6200 border-color: #363636;
6201}
6202.c-dialog__body .p-share_dialog_message_input {
6203 background-color: #000;
6204 border-color: #363636;
6205 color: #e6e6e6;
6206}
6207.c-dialog__body .p-share_dialog_message_input.focus {
6208 border-color: #545454;
6209 box-shadow: unset;
6210}
6211.c-dialog__body .p-share_dialog__section:last-child {
6212 background-color: #363636;
6213 border-color: #000;
6214}
6215.c-dialog__body .p-file_upload_dialog__preview,
6216.c-dialog__body .p-file_upload_dialog__preview_image {
6217 background-color: #000;
6218 border-color: #363636;
6219}
6220.c-dialog__body textarea.c-input_textarea,
6221.c-dialog__body input.c-input_text {
6222 border-color: #363636;
6223 color: #e6e6e6;
6224}
6225.c-dialog__body textarea.c-input_textarea .c-input_character_count::after,
6226.c-dialog__body input.c-input_text .c-input_character_count::after {
6227 background-color: #363636;
6228 color: #e6e6e6;
6229}
6230.c-dialog__body textarea.c-input_textarea:focus,
6231.c-dialog__body input.c-input_text:focus {
6232 border-color: #545454;
6233 box-shadow: unset;
6234}
6235.c-dialog__footer {
6236 background: #222222;
6237}
6238.c-dialog__footer .c-button {
6239 background-color: #545454;
6240 color: #e6e6e6;
6241}
6242.c-dialog__footer .p-file_upload_dialog__footer_share_inputs {
6243 color: #e6e6e6;
6244}
6245#im_browser .im_browser_row {
6246 border-top: 1px solid #545454;
6247}
6248#im_browser .im_browser_row.multiparty {
6249 color: #e6e6e6;
6250}
6251#im_browser
6252 .im_browser_row.multiparty
6253 .member_image
6254 + .member_image:not(.ra):not(.ura) {
6255 border: 2px solid #000;
6256}
6257#im_browser .im_browser_row .im_unread_cnt {
6258 background: #bf360c;
6259 color: #e6e6e6;
6260}
6261#im_browser .im_browser_row.disabled {
6262 color: #949494;
6263}
6264#im_browser
6265 #im_list_container:not(.keyboard_active).not_scrolling
6266 .im_browser_row:not(.disabled_dm):hover,
6267#im_browser .im_browser_row.highlighted {
6268 background: #000 !important;
6269 border: 1px solid #545454 !important;
6270}
6271#im_browser_tokens {
6272 background: #545454;
6273 border: 1px solid #828282;
6274}
6275#im_browser_tokens.active {
6276 border-color: #828282;
6277 box-shadow: 0 0 7px rgba(130, 130, 130, 0.15);
6278}
6279#im_browser_tokens .member_token {
6280 background: #222;
6281 border: 1px solid #000;
6282 color: #e6e6e6;
6283}
6284#im_browser_tokens .member_token.ra {
6285 background: #bf360c;
6286}
6287.fs_modal_file_viewer_header {
6288 background-color: #363636;
6289 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
6290}
6291.fs_modal_file_viewer_header .btn {
6292 color: #e6e6e6;
6293}
6294.fs_modal_file_viewer_header .star {
6295 color: #949494;
6296}
6297.fs_modal_file_viewer_header .control_btn,
6298.fs_modal_file_viewer_header a.control_btn {
6299 color: #e6e6e6;
6300}
6301.fs_modal_file_viewer_header .control_btn:link,
6302.fs_modal_file_viewer_header .control_btn:visited,
6303.fs_modal_file_viewer_header a.control_btn:link,
6304.fs_modal_file_viewer_header a.control_btn:visited {
6305 color: #e6e6e6;
6306}
6307.fs_modal_file_viewer_header .control_btn:focus,
6308.fs_modal_file_viewer_header .control_btn:hover,
6309.fs_modal_file_viewer_header a.control_btn:focus,
6310.fs_modal_file_viewer_header a.control_btn:hover {
6311 color: #949494;
6312}
6313.fs_modal_file_viewer_header .control_btn.active,
6314.fs_modal_file_viewer_header .control_btn:active,
6315.fs_modal_file_viewer_header a.control_btn.active,
6316.fs_modal_file_viewer_header a.control_btn:active {
6317 background: #545454;
6318}
6319.fs_modal_file_viewer_header .file_size,
6320.fs_modal_file_viewer_header .muted_tooltip_info {
6321 color: #949494;
6322}
6323.fs_modal_file_viewer_header .close_btn::after {
6324 border-right: 1px solid #545454;
6325}
6326.fs_modal_file_viewer_content .viewer {
6327 background-color: #000;
6328 color: #e6e6e6 !important;
6329}
6330.fs_modal_file_viewer_content .viewer .next_btn ts-icon,
6331.fs_modal_file_viewer_content .viewer .previous_btn ts-icon {
6332 background: #545454;
6333 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
6334}
6335.fs_modal_file_viewer_content .viewer .next_btn:focus:not([disabled]),
6336.fs_modal_file_viewer_content .viewer .next_btn:hover:not([disabled]),
6337.fs_modal_file_viewer_content .viewer .previous_btn:focus:not([disabled]),
6338.fs_modal_file_viewer_content .viewer .previous_btn:hover:not([disabled]) {
6339 background: rgba(130, 130, 130, 0.25);
6340 color: #e6e6e6;
6341}
6342.fs_modal_file_viewer_content .viewer .next_btn[disabled]:focus,
6343.fs_modal_file_viewer_content .viewer .next_btn[disabled]:hover,
6344.fs_modal_file_viewer_content .viewer .previous_btn[disabled]:focus,
6345.fs_modal_file_viewer_content .viewer .previous_btn[disabled]:hover {
6346 color: rgba(148, 148, 148, 0.8);
6347}
6348.fs_modal_file_viewer_content .aside_panel {
6349 background-color: #222;
6350 box-shadow: -1px 0 0 rgba(0, 0, 0, 0.25);
6351}
6352.fs_modal_file_viewer_content .comment_header {
6353 background-color: transparent;
6354 border-bottom: 1px solid #000;
6355}
6356.fs_modal_file_viewer_content .no_comment {
6357 background-color: #222;
6358 color: #949494;
6359}
6360.fs_modal_file_viewer_content .aside_close_btn {
6361 color: #e6e6e6;
6362}
6363.fs_modal_file_viewer_content #file_comment {
6364 color: #e6e6e6;
6365}
6366#file_comment_textarea.texty_comment_input {
6367 background: #222;
6368 border-color: #363636;
6369 color: #e6e6e6;
6370}
6371#file_comment_textarea.texty_comment_input.focus,
6372#file_comment_textarea.texty_comment_input:hover {
6373 border-color: #363636;
6374}
6375#fs_modal.help_modal #fs_modal_footer .help_modal_status #no_open_issues {
6376 color: #949494;
6377}
6378#fs_modal.help_modal .help_modal_header {
6379 background-color: #363636;
6380 border-color: #545454;
6381}
6382#fs_modal.help_modal .help_modal_header a {
6383 color: #e6e6e6;
6384}
6385#fs_modal.help_modal .help_modal_divider {
6386 color: #949494;
6387}
6388#fs_modal.help_modal .help_modal_article_row {
6389 border-top: 1px solid #363636;
6390}
6391#fs_modal.help_modal .help_modal_article_row .channel_browser_open {
6392 color: #949494;
6393}
6394#fs_modal.help_modal
6395 #help_modal_list_container:not(.keyboard_active).not_scrolling
6396 .help_modal_article_row:hover,
6397#fs_modal.help_modal .help_modal_article_row.highlighted {
6398 background-color: #363636;
6399 border-color: #000;
6400}
6401.admin_invites_account_type_option {
6402 border-bottom: 1px solid #363636;
6403}
6404.admin_invites_account_type_option p {
6405 color: #e6e6e6;
6406}
6407.admin_invites_account_type_option .option_arrow {
6408 color: #949494;
6409}
6410.admin_invites_account_type_option:hover:not(.disabled) h3 {
6411 color: #e6e6e6;
6412}
6413.admin_invites_account_type_option.disabled .account_type_disabled_hover {
6414 background: rgba(255, 255, 255, 0);
6415}
6416.admin_invites_account_type_option.disabled:hover .account_type_disabled_hover {
6417 background: rgba(34, 34, 34, 0.95);
6418}
6419.admin_invite_row .delete_row,
6420.admin_invite_row .hide_custom_message,
6421.admin_invites_custom_message_container .delete_row,
6422.admin_invites_custom_message_container .hide_custom_message {
6423 color: #949494;
6424}
6425.admin_invite_row .delete_row:hover,
6426.admin_invite_row .hide_custom_message:hover,
6427.admin_invites_custom_message_container .delete_row:hover,
6428.admin_invites_custom_message_container .hide_custom_message:hover {
6429 color: #bf360c;
6430}
6431.admin_invite_row.delete_highlight,
6432.admin_invites_custom_message_container.delete_highlight {
6433 background: rgba(191, 54, 12, 0.4);
6434}
6435#admin_invites_channel_picker_container {
6436 border-bottom: 1px solid #363636;
6437}
6438#admin_invites_add_row {
6439 background: #545454;
6440 border: 1px solid #363636;
6441}
6442#admin_invites_workflow .lazy_filter_select .lfs_input_container {
6443 background-color: #545454;
6444}
6445#channel_invite_tokens {
6446 background-color: #545454;
6447 border-color: #828282;
6448}
6449#channel_invite_tokens.active {
6450 border-color: #949494;
6451 box-shadow: 0 0 7px rgba(148, 148, 148, 0.15);
6452}
6453#channel_invite_tokens .member_token {
6454 background: #222;
6455 color: #e6e6e6;
6456}
6457#channel_invite_tokens .member_token.ra {
6458 background: rgba(191, 54, 12, 0.4);
6459}
6460#admin_invites_alert {
6461 background: #545454;
6462 border-color: #828282;
6463}
6464.channel_invite_member .add_icon,
6465.channel_invite_member_small .add_icon,
6466.channel_invite_pending_user_small .add_icon {
6467 color: #e6e6e6;
6468}
6469.channel_invite_member .invite_user_group_avatar,
6470.channel_invite_member_small .invite_user_group_avatar,
6471.channel_invite_pending_user_small .invite_user_group_avatar {
6472 background-color: #222;
6473 color: #e6e6e6;
6474}
6475#shortcuts_dialog {
6476 background: rgba(34, 34, 34, 0.95);
6477 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
6478}
6479#shortcuts_dialog.modal .modal-body,
6480#shortcuts_dialog.modal h1,
6481#shortcuts_dialog.modal h3 {
6482 color: #e6e6e6;
6483}
6484#shortcuts_dialog.modal ul ul {
6485 border-left-color: #545454;
6486}
6487#shortcuts_dialog.modal .info_block {
6488 color: #949494;
6489}
6490#shortcuts_dialog.modal .close {
6491 background: #545454;
6492 border-color: #828282;
6493 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
6494 color: #e6e6e6;
6495}
6496#shortcuts_dialog.modal .close:hover {
6497 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
6498}
6499#fs_modal.prefs_modal label.sound_option:hover:not(.disabled) ts-icon {
6500 color: #949494;
6501}
6502#fs_modal.prefs_modal #prefs_sidebar .theme_thumb {
6503 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
6504}
6505#fs_modal.prefs_modal
6506 #prefs_sidebar
6507 #prefs_themes_customize
6508 .custom_theme_label {
6509 border: 1px solid #363636;
6510}
6511#fs_modal.prefs_modal
6512 #prefs_sidebar
6513 #prefs_themes_customize
6514 .custom_theme_label
6515 .color_swatch {
6516 border: 1px solid #363636;
6517}
6518#fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .colpick {
6519 background: #424242;
6520 border: 1px solid #363636;
6521}
6522#fs_modal.prefs_modal #prefs_sidebar #prefs_sidebar_theme::after {
6523 background: #bf360c;
6524 border-radius: 3px;
6525 content: "Light sidebar themes (e.g. Hoth) will break this Stylish theme.";
6526 display: block;
6527 font-size: 14px;
6528 line-height: 18px;
6529 margin: 12px 0 6px;
6530 padding: 6px;
6531 width: 100%;
6532}
6533#fs_modal.prefs_modal legend {
6534 color: #e6e6e6;
6535}
6536#fs_modal.prefs_modal .global_notification_block {
6537 background: #222;
6538 border-color: #000;
6539}
6540#fs_modal.prefs_modal .global_notification_block.selected {
6541 background: #363636;
6542 border-color: #000;
6543}
6544#fs_modal.prefs_modal .channel_overrides_row {
6545 border-top-color: #000;
6546}
6547#fs_modal.prefs_modal .channel_overrides_row:hover {
6548 background: #363636;
6549 border-color: #000;
6550}
6551#fs_modal.prefs_modal .channel_overrides_row .channel_overrides_summary {
6552 color: #e6e6e6;
6553}
6554#fs_modal.prefs_modal .notification_example.mac {
6555 background: #000;
6556 box-shadow: 0 1px 8px 2px #363636;
6557}
6558#fs_modal.prefs_modal .notification_example.linux,
6559#fs_modal.prefs_modal .notification_example.windows {
6560 background: #000;
6561 color: #e6e6e6;
6562}
6563#fs_modal.prefs_modal .badge_example {
6564 background: #bf360c;
6565}
6566#fs_modal.prefs_modal .message_theme_preview {
6567 border-bottom-color: #000;
6568 border-top-color: #000;
6569}
6570#fs_modal.prefs_modal .display_real_names_block_sample {
6571 background: #222;
6572}
6573.sidebar_menu_list_item {
6574 border: 0;
6575 color: #e6e6e6;
6576}
6577.sidebar_menu_list_item.is_active {
6578 background-color: #000;
6579 color: #e6e6e6;
6580 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
6581}
6582.sidebar_menu_list_item:not(.is_active):hover {
6583 background-color: #363636;
6584}
6585.jumbomoji_pref_disabled {
6586 color: #949494;
6587}
6588.jumbomoji_disabled_note {
6589 color: rgba(148, 148, 148, 0.6);
6590}
6591#edit_team_profile_container input:disabled,
6592#edit_team_profile_container select:disabled {
6593 background: #545454;
6594 border: 1px solid #000;
6595}
6596#edit_team_profile_container .lazy_filter_select.disabled {
6597 background: #545454;
6598}
6599#edit_team_profile_container .lazy_filter_select.disabled input {
6600 background: #545454;
6601}
6602#edit_team_profile_add .row,
6603#edit_team_profile_list .row {
6604 border-top: 1px solid #363636;
6605}
6606#edit_team_profile_list .row:nth-last-child(2):hover {
6607 border-color: #363636 !important;
6608}
6609#edit_team_profile_list .row:nth-child(n + 5).active,
6610#edit_team_profile_list .row:nth-child(n + 5):hover {
6611 background: #363636;
6612 border: 1px solid #000;
6613}
6614#edit_team_profile_list
6615 .row:nth-child(n + 5).active
6616 .edit_team_profile_list_controls
6617 i.ts_icon_cog_o {
6618 color: #949494;
6619}
6620#edit_team_profile_list .edit_team_profile_list_controls i {
6621 color: #e6e6e6;
6622}
6623#edit_team_profile_list .edit_team_profile_list_controls i.ts_icon_cog_o:hover {
6624 color: #949494;
6625}
6626#edit_team_profile_list
6627 .edit_team_profile_list_controls
6628 i.ts_icon_grabby_patty:hover {
6629 color: #949494;
6630}
6631#edit_team_profile_list .sortable-placeholder::before {
6632 border-top: 1px solid #545454;
6633}
6634#edit_team_profile_add .row:last-child {
6635 border-bottom: 1px solid #545454;
6636}
6637#edit_team_profile_add .row:not(.header_row):hover {
6638 background: #363636;
6639 border: 1px solid #000;
6640}
6641#edit_team_profile_add .row:not(.header_row):hover .col:first-child {
6642 color: #e6e6e6;
6643}
6644#edit_team_profile_add .row:not(.header_row):hover i {
6645 border-color: #000;
6646 color: #e6e6e6;
6647}
6648#edit_team_profile_add i {
6649 color: #949494;
6650}
6651#edit_team_profile_edit .profile_field_preview_protector label.select::after,
6652#edit_team_profile_edit
6653 .profile_field_preview_protector
6654 label.select:hover::after {
6655 color: #949494;
6656}
6657#edit_team_profile_edit .row.option_row.show_remove_action i {
6658 border: 1px solid #000;
6659}
6660#edit_team_profile_edit .row.option_row.show_remove_action i:hover {
6661 background-color: #bf360c;
6662 border-color: #bf360c !important;
6663 color: #e6e6e6;
6664}
6665#edit_team_profile_edit .row i {
6666 border: 1px solid #000;
6667 color: #e6e6e6;
6668}
6669#edit_team_profile_custom .row .col .profile_field_preview {
6670 background: #363636;
6671 border: 2px solid #000;
6672}
6673#edit_team_profile_custom .row .col .profile_field_preview:active,
6674#edit_team_profile_custom .row .col .profile_field_preview:hover {
6675 border-color: #363636;
6676}
6677#edit_team_profile_custom .row .col .profile_field_preview:active span,
6678#edit_team_profile_custom .row .col .profile_field_preview:hover span {
6679 color: #949494;
6680}
6681#edit_team_profile_custom .row .col input {
6682 background: #545454;
6683 border: 1px solid #000;
6684}
6685#edit_team_profile_custom .row .col[data-type="options_list"] span::after {
6686 color: #949494;
6687}
6688#edit_team_profile_custom .row .col[data-type="options_list"] input {
6689 border-right: 1px solid #000;
6690}
6691.profile_field_preview_protector .profile_field_preview {
6692 background: #222;
6693 border: 1px solid #545454;
6694}
6695.profile_field_preview_protector .profile_field_preview::after {
6696 background-color: #222;
6697 box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.25);
6698}
6699.profile_field_preview_protector .profile_field_preview::before {
6700 background-color: #222;
6701 box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.25);
6702}
6703.profile_field_preview_protector .profile_field_preview input:disabled,
6704.profile_field_preview_protector .profile_field_preview select:disabled {
6705 background: #545454;
6706 color: #949494;
6707}
6708.profile_field_preview_protector
6709 .profile_field_preview
6710 .profile_field_preview_fade_out_mask {
6711 background: linear-gradient(to left, #000, rgba(255, 255, 255, 0));
6712}
6713.profile_field_preview_protector
6714 .profile_field_preview
6715 .profile_field_preview_ribbon::before {
6716 border-color: transparent transparent transparent #000;
6717}
6718.profile_field_preview_protector
6719 .profile_field_preview
6720 .profile_field_preview_ribbon::after {
6721 border-color: #000 transparent transparent;
6722}
6723ts-jumper ts-jumper-container {
6724 background: #222;
6725 box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
6726}
6727ts-jumper ts-jumper-help,
6728ts-jumper .p-jumper__help {
6729 background: #222;
6730 color: #949494;
6731}
6732ts-jumper input[type="text"] {
6733 border: 1px solid #000 !important;
6734 color: #e6e6e6;
6735}
6736ts-jumper input[type="text"]:focus {
6737 border: 1px solid rgba(54, 54, 54, 0.8) !important;
6738 color: #e6e6e6;
6739}
6740ts-jumper input[type="text"]::-webkit-input-placeholder,
6741ts-jumper input[type="text"]:focus::-webkit-input-placeholder,
6742ts-jumper input[type="text"]::-moz-placeholder,
6743ts-jumper input[type="text"]:focus::-moz-placeholder {
6744 color: #e6e6e6;
6745}
6746ts-jumper ol li {
6747 color: #e6e6e6;
6748}
6749ts-jumper ol li .channel_name,
6750ts-jumper ol li .member_real_name,
6751ts-jumper ol li .member_username,
6752ts-jumper ol li .team_username {
6753 color: #949494;
6754}
6755ts-jumper ol li .channel_not_member,
6756ts-jumper ol li .team_username,
6757ts-jumper ol li .member_real_name + .member_username,
6758ts-jumper ol li .member_username + .member_real_name,
6759ts-jumper ol li ts-icon {
6760 color: #949494;
6761}
6762ts-jumper ol li .unread_count {
6763 background: #bf360c;
6764 color: #e6e6e6;
6765 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
6766}
6767ts-jumper ol li.highlighted {
6768 background: #828282 !important;
6769 color: #e6e6e6 !important;
6770}
6771ts-jumper ol:not(.keyboard_active) li:hover {
6772 background: #828282 !important;
6773 color: #e6e6e6 !important;
6774}
6775ts-jumper ol li.highlighted .channel_not_member,
6776ts-jumper ol li.highlighted .member_real_name + .member_username,
6777ts-jumper ol li.highlighted .member_username + .member_real_name,
6778ts-jumper ol li.highlighted i.presence_icon,
6779ts-jumper ol li.highlighted ts-icon,
6780ts-jumper ol:not(.keyboard_active) li:hover .channel_not_member,
6781ts-jumper
6782 ol:not(.keyboard_active)
6783 li:hover
6784 .member_real_name
6785 + .member_username,
6786ts-jumper
6787 ol:not(.keyboard_active)
6788 li:hover
6789 .member_username
6790 + .member_real_name,
6791ts-jumper ol:not(.keyboard_active) li:hover i.presence_icon,
6792ts-jumper ol:not(.keyboard_active) li:hover ts-icon {
6793 color: #e6e6e6;
6794}
6795.basic_share_dialog .share_dialog_divider {
6796 border-top-color: transparent;
6797}
6798.share_dialog_attachment_container {
6799 color: #e6e6e6;
6800}
6801#share_dialog .file_list_item {
6802 border-color: #000;
6803}
6804#generic_dialog.basic_share_dialog
6805 .lazy_filter_select
6806 .lfs_item
6807 .ts_icon:not(.presence_icon),
6808#share_dialog .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon) {
6809 color: #949494;
6810}
6811#share_dialog_input_container #file_comment_textarea.ql-container {
6812 border-color: #363636;
6813}
6814#share_dialog_input_container #file_comment_textarea.ql-container.focus {
6815 border-color: #545454;
6816}
6817#share_dialog_input_container
6818 #file_comment_textarea.ql-container.focus
6819 ~ .emo_menu {
6820 color: #e6e6e6;
6821}
6822.ts_tip .ts_tip_multiline_inner,
6823.ts_tip:not(.ts_tip_multiline) .ts_tip_tip {
6824 background: #545454;
6825}
6826.ts_tip .ts_tip_tip {
6827 color: #e6e6e6;
6828}
6829.ts_tip.ts_tip_left .ts_tip_tip::after {
6830 border-left-color: #545454;
6831}
6832.ts_tip.ts_tip_right .ts_tip_tip::after {
6833 border-right-color: #545454;
6834}
6835.ts_tip.ts_tip_top .ts_tip_tip::after {
6836 border-top-color: #545454;
6837}
6838.ts_tip.ts_tip_bottom .ts_tip_tip::after {
6839 border-bottom-color: #545454;
6840}
6841.ts_tip.success .ts_tip_tip {
6842 background: #828282;
6843}
6844.ts_tip.success.ts_tip_left .ts_tip_tip::after {
6845 border-left-color: #828282;
6846}
6847.ts_tip.success.ts_tip_right .ts_tip_tip::after {
6848 border-right-color: #828282;
6849}
6850.ts_tip.success.ts_tip_top .ts_tip_tip::after {
6851 border-top-color: #828282;
6852}
6853.ts_tip.success.ts_tip_bottom .ts_tip_tip::after {
6854 border-bottom-color: #828282;
6855}
6856.c-tooltip__tip {
6857 background-color: #545454;
6858 color: #e6e6e6;
6859}
6860.c-tooltip__tip--top .c-tooltip__tip__arrow {
6861 border-top-color: #545454;
6862}
6863.c-tooltip__tip--top-left .c-tooltip__tip__arrow {
6864 border-top-color: #545454;
6865}
6866.c-tooltip__tip--top-right .c-tooltip__tip__arrow {
6867 border-top-color: #545454;
6868}
6869.c-tooltip__tip--right .c-tooltip__tip__arrow {
6870 border-right-color: #545454;
6871}
6872.c-tooltip__tip--bottom .c-tooltip__tip__arrow {
6873 border-bottom-color: #545454;
6874}
6875.c-tooltip__tip--bottom-left .c-tooltip__tip__arrow {
6876 border-bottom-color: #545454;
6877}
6878.c-tooltip__tip--bottom-right .c-tooltip__tip__arrow {
6879 border-bottom-color: #545454;
6880}
6881.c-tooltip__tip--left .c-tooltip__tip__arrow {
6882 border-left-color: #545454;
6883}
6884.c-tooltip__tip--success {
6885 background-color: #0cbf72;
6886}
6887.c-tooltip__tip--success.c-tooltip__tip--top::after,
6888.c-tooltip__tip--success.c-tooltip__tip--top-left::after,
6889.c-tooltip__tip--success.c-tooltip__tip--top-right::after {
6890 border-top-color: #0cbf72;
6891}
6892.c-tooltip__tip--success.c-tooltip__tip--right::after {
6893 border-right-color: #0cbf72;
6894}
6895.c-tooltip__tip--success.c-tooltip__tip--bottom::after,
6896.c-tooltip__tip--success.c-tooltip__tip--bottom-left::after,
6897.c-tooltip__tip--success.c-tooltip__tip--bottom-right::after {
6898 border-bottom-color: #0cbf72;
6899}
6900.c-tooltip__tip--success.c-tooltip__tip--left::after {
6901 border-left-color: #0cbf72;
6902}
6903#coachmark.calls_interactive_mas_migration_coachmark_div,
6904#coachmark.calls_iss_window_coachmark_div,
6905#coachmark.calls_ss_main_coachmark_div,
6906#coachmark.calls_ss_window_coachmark_div,
6907#coachmark.calls_video_beta_coachmark_div,
6908#coachmark.calls_video_ga_coachmark_div,
6909#coachmark.channels_coachmark_div,
6910#coachmark.direct_messages_coachmark_div,
6911#coachmark.enterprise_analytics_usage_callouts_coachmark_div,
6912#coachmark.gdrive_coachmark_div,
6913#coachmark.highlights_arrows_coachmark_div,
6914#coachmark.highlights_feedback_coachmark_div,
6915#coachmark.highlights_message_coachmark_div,
6916#coachmark.intl_channel_names_coachmark_div,
6917#coachmark.invites_coachmark_div,
6918#coachmark.name_tagging_coachmark_div,
6919#coachmark.onboarding_coachmark_div,
6920#coachmark.recent_mentions_coachmark_div,
6921#coachmark.replies_coachmark_div,
6922#coachmark.screenhero_deprecation_coachmark_div,
6923#coachmark.starred_items_coachmark_div,
6924#coachmark.unread_view_coachmark_div {
6925 background: #545454;
6926}
6927#coachmark.calls_interactive_mas_migration_coachmark_div #coachmark_callout,
6928#coachmark.calls_interactive_mas_migration_coachmark_div #coachmark_interior,
6929#coachmark.calls_iss_window_coachmark_div #coachmark_callout,
6930#coachmark.calls_iss_window_coachmark_div #coachmark_interior,
6931#coachmark.calls_ss_main_coachmark_div #coachmark_callout,
6932#coachmark.calls_ss_main_coachmark_div #coachmark_interior,
6933#coachmark.calls_ss_window_coachmark_div #coachmark_callout,
6934#coachmark.calls_ss_window_coachmark_div #coachmark_interior,
6935#coachmark.calls_video_beta_coachmark_div #coachmark_callout,
6936#coachmark.calls_video_beta_coachmark_div #coachmark_interior,
6937#coachmark.calls_video_ga_coachmark_div #coachmark_callout,
6938#coachmark.calls_video_ga_coachmark_div #coachmark_interior,
6939#coachmark.channels_coachmark_div #coachmark_callout,
6940#coachmark.channels_coachmark_div #coachmark_interior,
6941#coachmark.direct_messages_coachmark_div #coachmark_callout,
6942#coachmark.direct_messages_coachmark_div #coachmark_interior,
6943#coachmark.enterprise_analytics_usage_callouts_coachmark_div #coachmark_callout,
6944#coachmark.enterprise_analytics_usage_callouts_coachmark_div
6945 #coachmark_interior,
6946#coachmark.gdrive_coachmark_div #coachmark_callout,
6947#coachmark.gdrive_coachmark_div #coachmark_interior,
6948#coachmark.highlights_arrows_coachmark_div #coachmark_callout,
6949#coachmark.highlights_arrows_coachmark_div #coachmark_interior,
6950#coachmark.highlights_feedback_coachmark_div #coachmark_callout,
6951#coachmark.highlights_feedback_coachmark_div #coachmark_interior,
6952#coachmark.highlights_message_coachmark_div #coachmark_callout,
6953#coachmark.highlights_message_coachmark_div #coachmark_interior,
6954#coachmark.intl_channel_names_coachmark_div #coachmark_callout,
6955#coachmark.intl_channel_names_coachmark_div #coachmark_interior,
6956#coachmark.invites_coachmark_div #coachmark_callout,
6957#coachmark.invites_coachmark_div #coachmark_interior,
6958#coachmark.name_tagging_coachmark_div #coachmark_callout,
6959#coachmark.name_tagging_coachmark_div #coachmark_interior,
6960#coachmark.onboarding_coachmark_div #coachmark_callout,
6961#coachmark.onboarding_coachmark_div #coachmark_interior,
6962#coachmark.recent_mentions_coachmark_div #coachmark_callout,
6963#coachmark.recent_mentions_coachmark_div #coachmark_interior,
6964#coachmark.replies_coachmark_div #coachmark_callout,
6965#coachmark.replies_coachmark_div #coachmark_interior,
6966#coachmark.screenhero_deprecation_coachmark_div #coachmark_callout,
6967#coachmark.screenhero_deprecation_coachmark_div #coachmark_interior,
6968#coachmark.starred_items_coachmark_div #coachmark_callout,
6969#coachmark.starred_items_coachmark_div #coachmark_interior,
6970#coachmark.unread_view_coachmark_div #coachmark_callout,
6971#coachmark.unread_view_coachmark_div #coachmark_interior {
6972 background: #545454;
6973}
6974#coachmark_footer .coachmark_done,
6975#coachmark_footer .coachmark_got_it,
6976#coachmark_footer .coachmark_next_tip,
6977#coachmark_footer .coachmark_ok {
6978 background: rgba(130, 130, 130, 0.5) !important;
6979}
6980#coachmark_interior {
6981 color: #e6e6e6;
6982}
6983#coachmark_interior .coachmark_close_btn {
6984 color: #e6e6e6;
6985}
6986.menu_member_header {
6987 background: #000;
6988}
6989.menu_member_header .member_details .member_name_and_presence {
6990 color: #e6e6e6;
6991}
6992.menu_member_header .member_details .member_name_and_presence .member_name {
6993 color: #e6e6e6;
6994}
6995.menu_member_header .member_details .member_name_and_presence .presence.away {
6996 color: #fff;
6997}
6998.menu_member_header .member_details .member_title {
6999 color: #949494;
7000}
7001.menu_member_header .member_details .member_restriction,
7002.menu_member_header .member_details .member_timezone_value {
7003 color: #949494;
7004}
7005.menu_member_header .member_details .member_restriction a,
7006.menu_member_header .member_details .member_timezone_value a {
7007 color: #949494;
7008}
7009.menu_member_header .member_details .member_restriction a:hover,
7010.menu_member_header .member_details .member_timezone_value a:hover {
7011 color: #c7c7c7;
7012}
7013.menu_member_header .member_details_divider {
7014 border-color: #545454;
7015}
7016.menu_member_footer {
7017 background: #000;
7018 border-top: 1px solid #545454;
7019}
7020.menu_member_footer p {
7021 color: #949494;
7022}
7023.menu_member_footer #menu_member_dm_input p {
7024 color: #e6e6e6;
7025}
7026.member_meta {
7027 color: #949494;
7028}
7029.mini,
7030.dull_grey,
7031.flat_grey,
7032.blue_link,
7033.blue_fill,
7034.slate_blue,
7035.charcoal_grey,
7036.indifferent_grey,
7037.ts_tip_tip .subtle_silver {
7038 color: #e6e6e6 !important;
7039}
7040.greigh,
7041.sky_blue,
7042.severe_grey,
7043.havana_blue,
7044.burnt_violet,
7045.plastic_grey,
7046.cloud_silver,
7047.sk_dark_gray,
7048.sk_dark_grey,
7049.subtle_silver,
7050.old_petunia_grey {
7051 color: #949494 !important;
7052}
7053.clear_blue {
7054 color: #949494 !important;
7055}
7056.moscow_red,
7057.yolk_orange,
7058.mustard_yellow,
7059.candy_red_on_hover:hover,
7060.moscow_red_on_hover:hover {
7061 color: #bf360c !important;
7062}
7063.seafoam_green {
7064 color: #0cbf72 !important;
7065}
7066.candy_red_bg {
7067 background-color: #bf360c !important;
7068}
7069.off_white_bg,
7070.neutral_white_bg {
7071 background-color: #363636 !important;
7072}
7073.yolk_orange_bg,
7074.burnt_violet_bg,
7075.flexpane_grey_bg {
7076 background-color: #424242 !important;
7077}
7078.sky_blue_bg,
7079.clear_blue_bg,
7080.seafoam_green_bg {
7081 background-color: #545454 !important;
7082}
7083.sk_black {
7084 color: inherit;
7085}
7086.monkey_scroll_bar {
7087 z-index: 99;
7088}
7089.client_header_icon {
7090 -moz-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5);
7091 -webkit-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5);
7092 filter: brightness(0.6) contrast(3) invert(1) sepia(0.5);
7093}
7094nav.top.persistent {
7095 background: #363636;
7096}
7097nav.top.persistent .logo {
7098 background-position: 50% 0 !important;
7099}
7100.widescreen #header_team_name a i {
7101 margin-left: 1.5em;
7102}
7103.widescreen #user_menu {
7104 border-right: none;
7105}
7106header #menu_toggle {
7107 color: #949494;
7108}
7109header #header_team_nav {
7110 background: #363636;
7111 border: 1px solid #000;
7112}
7113header #header_team_nav li.active a {
7114 background: #222;
7115 color: #e6e6e6;
7116}
7117header .header_btns a {
7118 color: #949494;
7119}
7120header .header_btns a .label {
7121 color: #949494;
7122}
7123header .vert_divider {
7124 border-left: 1px solid #000;
7125}
7126footer,
7127#autocomplete_menu.search_menu footer.unified {
7128 background-color: #222;
7129 border-color: #000;
7130 color: #e6e6e6;
7131}
7132footer ul a,
7133#autocomplete_menu.search_menu footer.unified ul a {
7134 color: #e6e6e6;
7135}
7136footer ul a:link,
7137footer ul a:visited,
7138#autocomplete_menu.search_menu footer.unified ul a:link,
7139#autocomplete_menu.search_menu footer.unified ul a:visited {
7140 color: #e6e6e6;
7141}
7142.plastic_row h3 {
7143 color: #e6e6e6;
7144}
7145.plastic_row h4 a {
7146 color: #e6e6e6;
7147}
7148.plastic_row .icon {
7149 color: #e6e6e6;
7150}
7151.plastic_row .chevron {
7152 color: #949494;
7153}
7154.plastic_row .description {
7155 color: #e6e6e6;
7156}
7157.plastic_row:active {
7158 background: #222;
7159 border-color: #000;
7160}
7161.plastic_row:active .chevron {
7162 color: #e6e6e6;
7163}
7164html.no_touch .plastic_row:hover {
7165 background: #222;
7166 border-color: #000;
7167}
7168html.no_touch .plastic_row:hover .chevron {
7169 color: #e6e6e6;
7170}
7171html.no_touch .pagination ul > li > a:hover {
7172 background-color: #000;
7173}
7174html.no_touch .pagination ul > .disabled > a:hover {
7175 background: #363636;
7176 color: #949494;
7177}
7178html.no_touch .pager li > a:hover,
7179html.no_touch .pager li > a:focus {
7180 color: #c7c7c7;
7181}
7182.card,
7183.tab_pane {
7184 background: #363636;
7185 border: 1px solid #000;
7186 color: #e6e6e6;
7187}
7188.card h3 a {
7189 color: #e6e6e6;
7190}
7191#page_contents .card {
7192 background: rgba(54, 54, 54, 0.8) !important;
7193}
7194#page_contents .card p {
7195 color: #e6e6e6;
7196}
7197.tab_set a.secondary {
7198 color: #949494;
7199}
7200.tab_set a.selected,
7201.tab_set a.secondary.selected {
7202 background: #363636;
7203 border: 1px solid #000;
7204 border-bottom-color: #363636;
7205 color: #c7c7c7;
7206}
7207.tab_actions {
7208 background: #363636;
7209 border: 1px solid #000;
7210 border-color: #000;
7211}
7212.accordion_section {
7213 border-bottom-color: #222;
7214}
7215.accordion_section h4 {
7216 color: #e6e6e6;
7217}
7218.accordion_section h4 a {
7219 color: #e6e6e6;
7220}
7221.no_touch .accordion_section h4 a:hover {
7222 color: #e6e6e6;
7223}
7224.accordion_section_fixed {
7225 border-bottom-color: #222 !important;
7226}
7227.pager li > a,
7228.pager li > span {
7229 background-color: #222;
7230 background-image: none;
7231 border-color: #363636;
7232 color: #949494;
7233}
7234.pager li.previous > a,
7235.pager li.previous > span {
7236 background-position: 0;
7237 padding-right: 0;
7238 text-align: center;
7239}
7240.pager li.next > a,
7241.pager li.next > span {
7242 background-position: 0;
7243 padding-left: 0;
7244 text-align: center;
7245}
7246.pager .disabled > a,
7247.pager .disabled > span {
7248 color: #949494;
7249}
7250.pagination ul > li > a,
7251.pagination ul > li > span {
7252 background: #363636;
7253 border: 1px solid #000;
7254 color: #e6e6e6;
7255}
7256.pagination ul > li > a:focus {
7257 background-color: #000;
7258}
7259.pagination ul > .active > a,
7260.pagination ul > .active > span {
7261 background-color: #000;
7262}
7263.pagination ul > .disabled > span {
7264 background: #363636;
7265 color: #949494;
7266}
7267.pagination ul > .disabled > a {
7268 background: #363636;
7269 color: #949494;
7270}
7271.pagination ul > .disabled > a:focus {
7272 background: #363636;
7273 color: #c7c7c7;
7274}
7275.loading_hash_animation img {
7276 display: none;
7277}
7278.icon_search_close {
7279 color: #949494;
7280}
7281.icon_search_close:hover {
7282 color: #c7c7c7;
7283}
7284.help {
7285 border-top-color: #000;
7286 color: #949494;
7287}
7288.two_factor_option_app,
7289.two_factor_option_sms,
7290.configure-step1,
7291.configure-step3 {
7292 display: none;
7293}
7294.two_factor_choice {
7295 background-color: #363636;
7296 border: 1px solid #545454;
7297 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
7298}
7299.two_factor_choice:hover {
7300 box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15);
7301}
7302.two_factor_choice:hover .two_factor_link {
7303 color: #e6e6e6;
7304}
7305a.two_factor_choice {
7306 background-color: #363636;
7307 border: 1px solid #545454;
7308 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
7309}
7310a.two_factor_choice:link {
7311 background-color: #363636;
7312 border: 1px solid #545454;
7313 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
7314}
7315a.two_factor_choice:hover,
7316a.two_factor_choice:link:hover {
7317 box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15);
7318}
7319a.two_factor_choice:hover .two_factor_link,
7320a.two_factor_choice:link:hover .two_factor_link {
7321 color: #e6e6e6;
7322}
7323.backup_codes {
7324 background: #000;
7325 border-color: #545454;
7326 color: #e6e6e6;
7327}
7328#channel_specific_settings tr {
7329 border-top-color: #222;
7330}
7331#channel_specific_settings tr.channel_override_row.muted td {
7332 background: rgba(34, 34, 34, 0.5);
7333}
7334#channel_specific_settings .extra_left_border {
7335 border-left-color: #222;
7336}
7337#channel_specific_settings .extra_right_border {
7338 border-right-color: #222;
7339}
7340#channel_specific_settings .revert_to_default {
7341 color: #949494;
7342}
7343#channel_specific_settings .revert_to_default:hover {
7344 color: #bf360c;
7345}
7346.admin_list_item {
7347 border-bottom-color: #222;
7348 color: #949494;
7349}
7350.admin_list_item:hover {
7351 background-color: #363636;
7352}
7353.admin_list_item .admin_member_full_name,
7354.admin_list_item .admin_member_real_name {
7355 color: #e6e6e6;
7356}
7357.admin_list_item .admin_member_type,
7358.admin_list_item .admin_member_caret {
7359 color: #949494;
7360}
7361.admin_list_item .pill.group {
7362 background: #424242;
7363}
7364.admin_list_item .two_factor_auth_badge:hover {
7365 background: #424242;
7366}
7367.admin_list_item .inline_email:hover,
7368.admin_list_item .inline_name:hover,
7369.admin_list_item .inline_username:hover {
7370 background: none !important;
7371}
7372.admin_list_item.invite_item.bouncing {
7373 background: #828282;
7374}
7375.admin_list_item.invite_item.bouncing .email {
7376 color: #bf360c;
7377}
7378.admin_list_item.error,
7379.admin_list_item.expanded,
7380.admin_list_item.processing,
7381.admin_list_item.success {
7382 background-color: #222;
7383}
7384.admin_list_item.expanded .btn_outline {
7385 border-color: #222;
7386 color: #e6e6e6 !important;
7387}
7388.admin_list_item.expanded .btn_outline:hover {
7389 border-color: #363636;
7390 color: #e6e6e6 !important;
7391}
7392.admin_list_item.expanded .sub_action {
7393 color: #949494;
7394}
7395.admin_list_item.expanded .sub_action:hover {
7396 color: #c7c7c7;
7397}
7398@media screen and (max-width: 768px) {
7399 .admin_list_item.expanded .sub_action + .sub_action:hover::before,
7400 .admin_list_item.expanded .sub_action + .sub_action:hover::after {
7401 color: #949494;
7402 }
7403}
7404.billing_selection {
7405 border-color: #000;
7406 color: #e6e6e6 !important;
7407 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
7408}
7409.billing_selection:hover {
7410 border-color: #828282;
7411}
7412.billing_selection.active {
7413 background: #545454;
7414 border-color: #828282;
7415}
7416.billing_selection.billing_selection--refactor {
7417 border-color: #545454;
7418 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
7419}
7420.billing_selection.billing_selection--refactor:hover {
7421 border-color: #828282;
7422}
7423.billing_selection.billing_selection--refactor.active {
7424 background: #545454;
7425 border-color: #828282;
7426}
7427.billing_selection .billing_selection__price {
7428 color: #e6e6e6;
7429}
7430#billing_contacts_container {
7431 background: #363636;
7432 border-top: 1px solid #000;
7433}
7434.billing_contact {
7435 border-bottom: 1px solid #222;
7436}
7437table.billing tr:hover td {
7438 background: #363636;
7439}
7440.link_billing_statement {
7441 color: #e6e6e6 !important;
7442}
7443.link_invoice_id,
7444.link_statement_id {
7445 color: #949494 !important;
7446}
7447.billing_invoice tbody tbody tr {
7448 color: #e6e6e6 !important;
7449}
7450.billing_settings_label_name {
7451 color: #e6e6e6;
7452}
7453table tr {
7454 border-bottom-color: #222;
7455}
7456table tr:first-child th:not(:only-of-type) {
7457 border-bottom-color: #000;
7458}
7459.slackbot_response_fieldset .delete_response {
7460 color: #949494;
7461}
7462.slackbot_response_fieldset .delete_response:hover {
7463 color: #bf360c;
7464}
7465.author_cell {
7466 color: #e6e6e6;
7467}
7468.message_cell.disabled {
7469 color: #949494;
7470}
7471#message_container #msg_limit {
7472 color: #e6e6e6;
7473}
7474.statuses_container
7475 .current_status_cell
7476 .current_status_container
7477 .current_status_cover,
7478.statuses_container
7479 .current_status_cell
7480 .current_status_container:not(.active).with_status_set
7481 .current_status_cover {
7482 border-color: #545454;
7483}
7484.statuses_container
7485 .current_status_cell
7486 .current_status_container
7487 .current_status_emoji_picker_cover,
7488.statuses_container
7489 .current_status_cell
7490 .current_status_container:not(.active).with_status_set
7491 .current_status_emoji_picker_cover {
7492 border-right: 1px solid #545454;
7493}
7494.inactive {
7495 background-image: none;
7496}
7497.c3 line,
7498.c3 path {
7499 stroke: #828282;
7500}
7501.c3-chart-arc .c3-gauge-value {
7502 fill: #828282;
7503}
7504.c3-chart-arc path {
7505 stroke: #363636;
7506}
7507.c3-chart-arc text {
7508 fill: #363636;
7509}
7510.c3-chart-arcs .c3-chart-arcs-background {
7511 fill: #545454;
7512}
7513.c3-chart-arcs .c3-chart-arcs-gauge-max,
7514.c3-chart-arcs .c3-chart-arcs-gauge-min {
7515 fill: #363636;
7516}
7517.c3-chart-arcs .c3-chart-arcs-gauge-unit {
7518 fill: #828282;
7519}
7520.c3-circle._expanded_ {
7521 stroke: #363636;
7522}
7523.c3-grid line {
7524 stroke: #828282;
7525}
7526.c3-grid text {
7527 fill: #e6e6e6;
7528}
7529.c3-legend-background {
7530 fill: #363636;
7531 stroke: #545454;
7532}
7533.c3-region {
7534 fill: #545454;
7535}
7536.c3-selected-circle {
7537 fill: #363636;
7538}
7539.c3-tooltip {
7540 background-color: #363636;
7541 box-shadow: 7px 7px 12px -9px rgba(0, 0, 0, 0.5);
7542}
7543.c3-tooltip td {
7544 background-color: #363636;
7545 border-left-color: #545454;
7546}
7547.c3-tooltip th {
7548 background-color: #363636;
7549 color: #e6e6e6;
7550}
7551.c3-tooltip tr {
7552 border-color: #545454;
7553}
7554.ent_alert a {
7555 color: #949494;
7556}
7557.ent_alert a:link,
7558.ent_alert a:visited {
7559 color: #c7c7c7;
7560}
7561.ent_alert_page.ent_alert_error {
7562 background: #bf360c;
7563}
7564.ent_alert_page.ent_alert_success {
7565 background: #0cbf72;
7566}
7567.ent_analytics__disclaimer {
7568 border-top-color: #828282;
7569 color: #949494;
7570}
7571.ent_analytics_overview__header {
7572 box-shadow: 0 1px rgba(0, 0, 0, 0.25);
7573}
7574.ent_avatar--bordered::before {
7575 box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15);
7576}
7577.ent_avatar {
7578 background-color: #545454;
7579}
7580.ent_callout__difference--increase {
7581 color: #0cbf72;
7582}
7583.ent_callout__icon_border {
7584 background-color: #363636;
7585 border-color: #828282;
7586}
7587.ent_callout__icon_image,
7588.ent_callout__icon--filled {
7589 border-color: #828282;
7590}
7591.ent_callout__icon--empty,
7592.ent_callout__icon--hidden {
7593 border-color: #545454;
7594}
7595.ent_callout__icon--limit_reached {
7596 border-color: #828282;
7597}
7598.ent_callout__insight {
7599 color: #949494;
7600}
7601.ent_callout__limit {
7602 color: #949494;
7603}
7604.ent_callout__meter_bar_container {
7605 background: #222;
7606}
7607.ent_callout__meter_bar_border {
7608 border-color: #222;
7609}
7610.ent_callout__meter_bar_fill--empty {
7611 background: #828282;
7612 border-color: #828282;
7613}
7614.ent_callout__meter_bar_fill--filled {
7615 background: #828282;
7616 border-color: #828282;
7617}
7618.ent_callout__meter_bar_fill--limit_reached {
7619 background: #bf360c;
7620 border-color: #bf360c;
7621}
7622.ent_callout__meter_bar_gleam {
7623 background: rgba(130, 130, 130, 0.5);
7624}
7625.ent_callout__title {
7626 color: #e6e6e6;
7627}
7628.ent_copy_muted {
7629 color: #949494;
7630}
7631.ent_copy {
7632 color: #e6e6e6;
7633}
7634.ent_csv_popover__footer_text {
7635 color: #949494;
7636}
7637.ent_csv_popover__footer {
7638 background: #363636;
7639 border-top-color: #828282;
7640}
7641.ent_csv_popover__subtitle {
7642 color: #949494;
7643}
7644.ent_csv_popover__title {
7645 color: #e6e6e6;
7646}
7647.ent_data_table__cell--header {
7648 color: #949494;
7649}
7650.ent_data_table__cell--positive {
7651 color: #e6e6e6;
7652}
7653.ent_data_table__cell--sortable:hover {
7654 background-color: #363636;
7655}
7656.ent_data_table__cell--sorting {
7657 color: #949494;
7658}
7659.ent_data_table__cell {
7660 border-bottom-color: #828282;
7661 color: #e6e6e6;
7662}
7663.ent_data_table__column_group--pinned .ent_data_table__row,
7664.ent_data_table__column_group--right_border {
7665 border-right-color: #828282;
7666}
7667.ent_data_table__column_group {
7668 background-color: #363636;
7669}
7670.ent_data_table__data_link,
7671a.ent_data_table__data_link {
7672 color: #e6e6e6;
7673}
7674.ent_data_table__row--hovered {
7675 background-color: #222;
7676}
7677.ent_data_table__scrollable--left_shadow::before {
7678 box-shadow: inset -14px 0 14px -14px transparent,
7679 inset 14px 0 14px -14px rgba(0, 0, 0, 0.25);
7680}
7681.ent_data_table__scrollable--left_shadow.ent_data_table__scrollable--right_shadow::before {
7682 box-shadow: inset -14px 0 14px -14px rgba(0, 0, 0, 0.25),
7683 inset 14px 0 14px -14px rgba(0, 0, 0, 0.25);
7684}
7685.ent_data_table__scrollable--right_shadow::before {
7686 box-shadow: inset -14px 0 14px -14px rgba(0, 0, 0, 0.25),
7687 inset 14px 0 14px -14px transparent;
7688}
7689.ent_data_table__secondary_text {
7690 color: #949494;
7691}
7692.ent_data_table__thead,
7693.ent_data_table--empty_state_wrapper {
7694 background-color: #363636;
7695}
7696.ent_data_table--fix_borders .ent_data_table__row,
7697.ent_data_table--fix_borders .ent_data_table__thead {
7698 border-bottom-color: #828282;
7699}
7700.ent_data_table--rounded_top {
7701 border-top-color: #828282;
7702}
7703.ent_data_table {
7704 border-bottom-color: #828282;
7705 border-left-color: #828282;
7706 border-right-color: #828282;
7707}
7708.ent_empty_state_overlay__content_heading,
7709.ent_empty_state_overlay__content_main_heading {
7710 color: #e6e6e6;
7711}
7712.ent_graph__data_summary_date_label,
7713.ent_graph__data_summary_point::after {
7714 color: #949494;
7715}
7716.ent_graph__legend_item--defocus {
7717 fill: #949494 !important;
7718}
7719.ent_graph__legend_text {
7720 fill: #e6e6e6;
7721}
7722.ent_graph__svg_container .c3-axis path {
7723 stroke: #828282;
7724}
7725.ent_graph__svg_container .c3-grid line {
7726 stroke: #828282;
7727}
7728.ent_graph__svg_container .c3-grid .ent_xgrid_month_divider line,
7729.ent_graph__svg_container .c3-grid .ent_xgrid_week_divider line,
7730.ent_graph__svg_container .c3-grid .ent_xgrid_year_divider line {
7731 stroke: #828282;
7732}
7733.ent_graph__svg_container .c3-tooltip {
7734 border-color: #828282;
7735 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
7736}
7737.ent_graph__svg_container .c3-tooltip td,
7738.ent_graph__svg_container .c3-tooltip th,
7739.ent_graph__svg_container .c3-tooltip tr {
7740 background-color: #363636;
7741 color: #e6e6e6;
7742}
7743.ent_graph__svg_container .c3-tooltip th {
7744 border-bottom-color: #828282;
7745}
7746.ent_graph__svg_container .c3-xgrid-focus line {
7747 stroke: #949494;
7748}
7749.ent_graph__svg_container .ent_graph__point:not(._expanded_) {
7750 fill: #363636 !important;
7751}
7752.ent_graph__svg_container .ent_graph__point._expanded_ {
7753 stroke: #363636 !important;
7754}
7755.ent_graph__svg_container text {
7756 fill: #949494;
7757}
7758.ent_graph__tooltip {
7759 color: #949494;
7760}
7761.ent_graph_empty__overlay {
7762 background: #363636;
7763}
7764.ent_graph_empty__text {
7765 color: #e6e6e6;
7766}
7767.ent_graph_header--primary {
7768 color: #e6e6e6;
7769}
7770.ent_graph_header--secondary {
7771 color: #949494;
7772}
7773.ent_graph_tabs__tab--selected {
7774 color: #e6e6e6;
7775}
7776.ent_graph_tabs__tab--selected_ent_violet::after,
7777.ent_graph_tabs__tab--selected_fill_blue::after,
7778.ent_graph_tabs__tab--selected_seafoam_green::after {
7779 background-color: #828282;
7780}
7781.ent_graph_tabs__tab {
7782 color: #949494;
7783}
7784.ent_graph_tabs {
7785 border-bottom-color: #828282;
7786}
7787.ent_header {
7788 color: #e6e6e6;
7789}
7790.ent_icon_button {
7791 color: #949494;
7792}
7793.ent_icon_button:hover {
7794 color: #e6e6e6;
7795}
7796.ent_infographic_container {
7797 border-top-color: #828282;
7798}
7799.ent_loading__overlay {
7800 background-image: linear-gradient(to bottom, rgba(54, 54, 54, 0.8), #363636);
7801}
7802.ent_modal__title--small {
7803 color: #e6e6e6;
7804}
7805.ent_modal_background {
7806 background-color: #222;
7807}
7808.ent_modal_breadcrumb_animated_step {
7809 background: #545454;
7810}
7811.ent_modal_breadcrumb_circle_icon {
7812 background: #222;
7813}
7814.ent_modal_breadcrumb_line {
7815 background: #545454;
7816}
7817.ent_modal_breadcrumb_text {
7818 color: #949494;
7819}
7820.ent_modal_footer {
7821 background-color: #363636;
7822}
7823.ent_modal_title {
7824 color: #e6e6e6;
7825}
7826.ent_table__header--title {
7827 color: #e6e6e6;
7828}
7829.ent_table__header {
7830 background-color: #222;
7831 border-color: #828282;
7832}
7833.ent_table_banner__contents {
7834 background: #222;
7835 border-top-color: #828282;
7836 box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.15);
7837}
7838.ent_table_banner__header {
7839 color: #e6e6e6;
7840}
7841.ent_table_banner__secondary_text {
7842 color: #949494;
7843}
7844.ent_table_customizer__header_subtitle {
7845 color: #949494;
7846}
7847.ent_table_customizer_disabled_list_header {
7848 color: #949494;
7849}
7850.ent_table_customizer_footer {
7851 background-color: #222;
7852 border-top-color: #000;
7853 color: #949494;
7854}
7855.ent_table_customizer_header {
7856 border-bottom-color: #222;
7857}
7858.ent_table_customizer_list_item--disabled {
7859 color: #949494;
7860}
7861.ent_updated_at {
7862 color: #949494;
7863}
7864.enterprise {
7865 background-color: #363636;
7866}
7867.enterprise .btn.candy_red {
7868 color: #bf360c !important;
7869}
7870.enterprise_analytics {
7871 background-color: #363636;
7872}
7873.enterprise_org {
7874 background-color: #363636;
7875}
7876.enterprise_search_bar .ent_clear_search_icon {
7877 color: #949494;
7878}
7879.enterprise_search_bar::before {
7880 color: #e6e6e6;
7881}
7882@keyframes color_fade {
7883 from {
7884 color: #949494;
7885 }
7886 to {
7887 color: #e6e6e6;
7888 }
7889}
7890.file_header .title a {
7891 color: #949494;
7892}
7893.file_header .title a:hover {
7894 color: #c7c7c7;
7895}
7896.file_actions_cog {
7897 color: #949494 !important;
7898}
7899.file_actions_cog:hover {
7900 color: #c7c7c7 !important;
7901}
7902.file_reference .icon,
7903.file_list_item .icon,
7904.file_preview {
7905 border: 2px solid #000;
7906}
7907.action_cog {
7908 color: #949494;
7909}
7910.action_cog i {
7911 color: #949494;
7912}
7913html.no_touch .action_cog:hover {
7914 color: #c7c7c7;
7915}
7916html.no_touch .action_cog:hover i {
7917 color: #c7c7c7;
7918}
7919.help_pages.help_pages p {
7920 color: #e6e6e6;
7921}
7922.help_pages.help_pages a {
7923 border-bottom-color: #545454;
7924}
7925.help_pages.help_pages .o-hero,
7926.help_pages.help_pages .o-hero__header {
7927 background-color: #222;
7928}
7929.help_pages.help_pages .o-hero__header {
7930 color: #e6e6e6;
7931}
7932.help_pages.help_pages .o-section--feature {
7933 background-color: #363636;
7934 border-top-color: #545454;
7935}
7936.help_pages.help_pages .c-form__container .c-form__feedback {
7937 color: #bf360c;
7938}
7939.help_pages.help_pages .c-form__input,
7940.help_pages.help_pages .c-input {
7941 background-color: #222;
7942 border-color: #545454;
7943 color: #e6e6e6;
7944}
7945.help_pages.help_pages .drop_zone {
7946 background: #222;
7947 border-color: #828282;
7948}
7949.help_pages.help_pages .drop_zone_attachment {
7950 border-bottom-color: #545454;
7951}
7952.help_pages.help_pages .drop_zone_remove_attachment {
7953 background-color: #222;
7954}
7955.help_pages.help_pages .c-form__notice {
7956 background-color: #545454;
7957 border-color: #828282;
7958 color: #e6e6e6;
7959}
7960.help_pages.help_pages .c-form__notice.is-error {
7961 border-left-color: #bf360c;
7962}
7963.help_pages.help_pages .c-nav--footer {
7964 border-top-color: #545454;
7965}
7966@media screen and (min-width: 48rem) {
7967 .help_pages.help_pages .o-hero {
7968 background-color: #222;
7969 }
7970}
7971.widescreen:not(.nav_open) {
7972 color: #e6e6e6;
7973}
7974@media only screen and (min-width: 1441px) {
7975 .widescreen:not(.nav_open) nav#site_nav {
7976 background: rgba(34, 34, 34, 0.9);
7977 }
7978}
7979.widescreen:not(.nav_open) nav#site_nav h3 {
7980 color: #e6e6e6;
7981}
7982.widescreen:not(.nav_open) nav#site_nav ul a {
7983 color: #949494;
7984}
7985.widescreen:not(.nav_open) nav#site_nav ul a:link,
7986.widescreen:not(.nav_open) nav#site_nav ul a:visited,
7987.widescreen:not(.nav_open) nav#site_nav ul a:hover,
7988.widescreen:not(.nav_open) nav#site_nav ul a:active {
7989 color: #c7c7c7;
7990}
7991.widescreen:not(.nav_open) nav#site_nav #user_menu_name {
7992 color: #949494;
7993}
7994nav#site_nav {
7995 background: #363636;
7996}
7997nav#site_nav #user_menu_contents:hover {
7998 background: #222;
7999 color: #e6e6e6;
8000}
8001header {
8002 background: #363636;
8003}
8004header #header_team_nav li a {
8005 color: #e6e6e6;
8006}
8007header #header_team_nav li a:hover {
8008 background: #222;
8009 color: #e6e6e6;
8010}
8011header #header_team_nav li a .team_icon.ts_icon_plus {
8012 background: #000;
8013 color: #949494;
8014}
8015header #header_team_nav #add_team_option {
8016 border-top: 1px solid #000;
8017}
8018html.no_touch header #header_team_nav li a {
8019 color: #e6e6e6;
8020}
8021html.no_touch header #header_team_nav li a:hover {
8022 background: #222;
8023 color: #e6e6e6;
8024}
8025html.no_touch header #header_team_name a:hover,
8026html.no_touch header #menu_toggle:hover {
8027 color: #c7c7c7;
8028}
8029html.no_touch header .header_btns a:hover {
8030 color: #c7c7c7;
8031}
8032html.no_touch header .header_btns a:hover .label {
8033 color: #949494;
8034}
8035nav#site_nav h3,
8036#header_team_name,
8037header #header_team_name a {
8038 color: #949494;
8039}
8040nav#site_nav #footer_nav a,
8041#header_team_name:hover .fa-caret-down,
8042.widescreen:not(.nav_open) nav#site_nav #footer_nav a {
8043 color: #c7c7c7;
8044}
8045#home_footer a {
8046 color: #c7c7c7;
8047}
8048.admin_pref:not(:first-of-type) {
8049 border-top-color: #222;
8050}
8051.admin_pref.locked {
8052 background-color: rgba(191, 54, 12, 0.2);
8053}
8054.admin_pref .admin_pref_locked_label {
8055 color: #949494;
8056}
8057.tooltip-inner {
8058 background-color: #828282;
8059 color: #e6e6e6;
8060}
8061.tooltip.top .tooltip-arrow,
8062.tooltip.top-left .tooltip-arrow {
8063 border-top-color: #828282;
8064}
8065.tooltip.right .tooltip-arrow {
8066 border-right-color: #828282;
8067}
8068.tooltip.left .tooltip-arrow {
8069 border-left-color: #828282;
8070}
8071.tooltip.bottom .tooltip-arrow {
8072 border-bottom-color: #828282;
8073}
8074.api #header_logo img {
8075 display: none;
8076}
8077body.api header .header_links a {
8078 color: #e6e6e6;
8079}
8080body.api header .header_links a.active {
8081 background: #545454;
8082}
8083body.api .reverse_header {
8084 background-color: #000;
8085 color: #e6e6e6;
8086}
8087body.api pre {
8088 overflow-x: auto;
8089}
8090body.api pre code {
8091 color: #e6e6e6;
8092}
8093body.api #page_contents .card {
8094 background: #363636;
8095}
8096body.api .scopes_to_methods code {
8097 color: #e6e6e6;
8098}
8099body.api .scopes_to_methods .selected code {
8100 color: #bf360c;
8101}
8102body.api .scopes_to_methods li {
8103 color: #e6e6e6;
8104}
8105body.api .scopes_to_methods .selected li {
8106 color: #e6e6e6;
8107}
8108body.api .section_title {
8109 border-bottom: 2px solid #222;
8110}
8111body.api .example {
8112 border: 1px solid #000;
8113}
8114body.api .example h5 {
8115 background-color: #000;
8116 color: #e6e6e6;
8117}
8118body.api .alert {
8119 background: #545454;
8120}
8121body.api .hljs {
8122 background-image: none;
8123}
8124body.api .hljs-keyword,
8125body.api .hljs-selector-tag,
8126body.api .hljs-subst {
8127 color: #ce93d8;
8128}
8129body.api .hljs-number {
8130 color: #a5d6a7;
8131}
8132body.api .hljs-literal,
8133body.api .hljs-tag .hljs-attr {
8134 color: #536dfe;
8135}
8136body.api .hljs-variable {
8137 color: #9fa8da;
8138}
8139body.api .hljs-template-variable {
8140 color: #c5e1a5;
8141}
8142body.api .hljs-comment {
8143 color: #ffcc80;
8144}
8145body.api .hljs-doctag,
8146body.api .hljs-string {
8147 color: #ef9a9a;
8148}
8149body.api .hljs-section,
8150body.api .hljs-selector-id,
8151body.api .hljs-title {
8152 color: #ffab91;
8153}
8154body.api .hljs-meta {
8155 color: #eee;
8156}
8157body.api .hljs-class .hljs-title,
8158body.api .hljs-type {
8159 color: #eee;
8160}
8161body.api .hljs-built_in,
8162body.api .hljs-builtin-name {
8163 color: #b39ddb;
8164}
8165body.api .hljs-tag {
8166 color: #a5d6a7;
8167}
8168body.api .hljs-attribute,
8169body.api .hljs-name {
8170 color: #40c4ff;
8171}
8172body.api .hljs-bullet,
8173body.api .hljs-symbol {
8174 color: #9fa8da;
8175}
8176body.api .hljs-quote {
8177 color: #b0bec5;
8178}
8179body.api .hljs-link,
8180body.api .hljs-regexp {
8181 color: #949494;
8182}
8183body.api span.btn {
8184 background-color: #222;
8185}
8186body.api span.deprecation,
8187body.api span.warning {
8188 background-color: #bf360c;
8189 border-color: #bf360c;
8190}
8191nav#api_nav {
8192 background: transparent;
8193 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
8194}
8195#api_nav .footer_nav a {
8196 color: #949494;
8197}
8198#api_nav .footer_nav a:hover {
8199 color: #c7c7c7;
8200}
8201#api_nav .footer_nav .footer_signature {
8202 color: #bf360c;
8203}
8204.api_articles .api_articles_section {
8205 border-bottom-color: #222;
8206}
8207.api_articles .article_tag_count {
8208 color: #949494;
8209}
8210.api.feature_related_content #api_related_content h2 {
8211 color: #e6e6e6;
8212}
8213.api.feature_related_content #api_related_content .article_link_title_wrapper {
8214 color: #949494;
8215}
8216.tab_menu {
8217 background-color: #363636;
8218}
8219.tab_menu.grey {
8220 background-color: #363636;
8221}
8222.tab_menu .tab {
8223 color: #e6e6e6;
8224}
8225.tab_menu .tab:hover {
8226 box-shadow: inset 0 -4px 0 0 rgba(191, 54, 12, 0.4);
8227}
8228.tab_menu .tab.active,
8229.tab_menu .tab:active,
8230.tab_menu .tab:focus {
8231 box-shadow: inset 0 -4px 0 0 #bf360c;
8232 color: #e6e6e6;
8233}
8234.tab_menu .tab:disabled {
8235 color: #949494;
8236}
8237.page_faq h3,
8238.page_scim h3 {
8239 background-color: #222;
8240}
8241.application_config aside {
8242 color: #949494;
8243}
8244.page_apps_directory_home {
8245 background-color: #222 !important;
8246}
8247.page_apps_directory_home .nav_title {
8248 color: #e6e6e6 !important;
8249}
8250.page_apps_directory_home__search .apps_search_input::placeholder,
8251.page_apps_directory_home__search .apps_search_input:focus::placeholder {
8252 color: #949494;
8253}
8254.page_apps_directory_home__search .apps_search_input__body {
8255 box-shadow: 0 1px 10px #828282;
8256}
8257.splash_container__background {
8258 background-color: #363636;
8259}
8260.splash_container__background--left,
8261.splash_container__background--center,
8262.splash_container__background--right {
8263 display: none;
8264}
8265.splash_interactive__button {
8266 border-color: #545454;
8267}
8268.splash_interactive__button--active {
8269 box-shadow: 0 0 10px 1px #828282;
8270}
8271.splash_interactive__window {
8272 background-color: #222;
8273 border-color: #545454;
8274}
8275.splash_interactive__window:hover .splash_interactive__window_headline {
8276 color: #e6e6e6;
8277}
8278.splash_interactive__window::after {
8279 background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0, #222 100%);
8280}
8281.splash_interactive__window_response {
8282 background-color: #fff;
8283}
8284a.splash_interactive__window_link {
8285 color: #e6e6e6;
8286}
8287.splash_interactive__window_message_content_text--drive {
8288 color: #949494;
8289}
8290.search_input.apps_search_input {
8291 border-color: #828282;
8292}
8293.menu_launcher,
8294.menu_launcher_large {
8295 background-color: #545454;
8296 border-color: #222 !important;
8297 color: #e6e6e6;
8298}
8299.menu_launcher_large {
8300 border-color: #222;
8301}
8302.menu.avatar_menu ul li:hover ts-icon {
8303 background: #545454;
8304 color: #e6e6e6;
8305}
8306.menu.avatar_menu ul li a {
8307 color: #e6e6e6;
8308}
8309.menu.avatar_menu ul li a img,
8310.menu.avatar_menu ul li a ts-icon {
8311 background-color: #545454;
8312 color: #949494;
8313}
8314.menu.avatar_menu:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon {
8315 color: #e6e6e6;
8316}
8317#page .media_list {
8318 background-color: #363636;
8319 border: 1px solid #545454;
8320}
8321#page .media_list > li + li::before {
8322 border-top-color: #545454;
8323}
8324#page .media_list > li.interactive a {
8325 color: #e6e6e6;
8326}
8327#page .media_list > li.interactive a:focus,
8328#page .media_list > li.interactive a:hover {
8329 background: #545454;
8330 border-color: #828282;
8331}
8332#page .media_list > li .media_list_text {
8333 color: #e6e6e6;
8334}
8335#page .media_list.media_list_with_arrows a::before {
8336 color: #949494;
8337}
8338#page .media_list_title {
8339 color: #e6e6e6;
8340}
8341#page .media_list_subtitle {
8342 color: #949494;
8343}
8344#page .sidebar_menu_list_item {
8345 color: #e6e6e6;
8346}
8347#page .sidebar_menu_list_item.is_active {
8348 background-color: #222;
8349 border-color: #222;
8350 color: #e6e6e6;
8351 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
8352}
8353#page .sidebar_menu_list_item.is_active a {
8354 color: #e6e6e6;
8355}
8356#page .sidebar_menu_list_item:not(.is_active):hover {
8357 background-color: #222;
8358 border-color: #222;
8359}
8360#page .sidebar_menu_list_item a {
8361 color: #e6e6e6;
8362}
8363#page ul.breadcrumbs li {
8364 color: #949494;
8365}
8366#page ul.breadcrumbs li:not(:first-child)::before {
8367 color: #949494;
8368}
8369#page ul.navigation_list li a {
8370 color: #e6e6e6;
8371}
8372#page ul.navigation_list li a:hover {
8373 background-color: #545454;
8374}
8375#page ul.navigation_list li a::after {
8376 color: #e6e6e6;
8377}
8378#page ul.navigation_list li + li a {
8379 border-top: 1px solid transparent;
8380}
8381#page .tag {
8382 background-color: #000;
8383 border: 1px solid #363636;
8384}
8385#page .tag:hover {
8386 background-color: #545454 !important;
8387}
8388#page .app_desc_btn {
8389 background-color: #545454;
8390 color: #e6e6e6;
8391}
8392#page .app_desc_expand_showing .app_profile_desc_fade {
8393 background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0, #222 100%);
8394}
8395#page .service_panel {
8396 background-color: #363636;
8397}
8398#page .service_card {
8399 background-color: #222;
8400 border: 1px solid #424242;
8401}
8402.app_card,
8403.large_app_card {
8404 background-color: #222;
8405 border: 1px solid #363636;
8406}
8407nav.top.persistent ul a {
8408 color: #e6e6e6;
8409}
8410nav.top.apps_nav {
8411 background: transparent;
8412}
8413nav.top.apps_nav.persistent .nav_title {
8414 border-color: #828282;
8415}
8416nav.top.apps_nav.clear_nav .nav_title a {
8417 color: #e6e6e6;
8418}
8419nav.top.apps_nav .nav_title a {
8420 color: #e6e6e6;
8421}
8422nav.top.apps_nav ul a.active {
8423 color: #c7c7c7;
8424}
8425.plastic_typeahead {
8426 background: #363636;
8427 border: 1px solid #363636;
8428 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
8429}
8430.plastic_typeahead_item {
8431 color: #e6e6e6;
8432}
8433.plastic_typeahead_item + .plastic_typeahead_item {
8434 border-top: 1px solid #545454;
8435}
8436.plastic_typeahead_item:not(.plastic_typeahead_item_no_results).is_active {
8437 background-color: #222;
8438 border-top-color: #363636;
8439 color: #e6e6e6;
8440}
8441.plastic_typeahead_item:not(.plastic_typeahead_item_no_results).is_active
8442 ts-icon {
8443 color: #949494;
8444}
8445.plastic_typeahead_item:not(.plastic_typeahead_item_no_results):not(.is_active):hover {
8446 background: #000;
8447 border-color: #545454;
8448}
8449.plastic_typeahead_item:not(.plastic_typeahead_item_no_results):not(.is_active):hover
8450 + .plastic_typeahead_item {
8451 border-color: #545454;
8452}
8453a.plastic_typeahead_item {
8454 color: #e6e6e6;
8455}
8456.apps_typeahead_item_media {
8457 background: #000;
8458}
8459.search_input_container .search_input:focus ~ .icon_search_input {
8460 color: #e6e6e6;
8461}
8462.icon_search_input {
8463 color: #949494;
8464}
8465.quote_block {
8466 color: #e6e6e6;
8467}
8468.quote_block::before {
8469 background-color: #545454;
8470}
8471.well {
8472 background: #000;
8473 border-color: black;
8474 color: #e6e6e6;
8475 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
8476}
8477.service_breadcrumbs li .ts_icon,
8478.service_breadcrumbs li span {
8479 color: #949494;
8480}
8481.c-tabs__tab_menu {
8482 background-color: transparent;
8483 box-shadow: inset 0 -2px 0 0 #545454;
8484}
8485.c-tabs__tab {
8486 color: #949494;
8487}
8488.c-tabs__tab:hover {
8489 color: #e6e6e6;
8490}
8491.c-tabs__tab.c-tabs__tab--active,
8492.c-tabs__tab:active,
8493.c-tabs__tab:focus {
8494 box-shadow: inset 0 -2px 0 0 #828282;
8495 color: #e6e6e6;
8496}
8497.c-tabs__tab_menu--plastic {
8498 background-color: transparent;
8499 box-shadow: inset 0 -2px 0 0 #545454;
8500}
8501a.c-tabs__tab--plastic {
8502 color: #949494;
8503}
8504a.c-tabs__tab--plastic:hover {
8505 color: #e6e6e6;
8506}
8507a.c-tabs__tab--plastic.c-tabs__tab--active,
8508a.c-tabs__tab--plastic:active,
8509a.c-tabs__tab--plastic:focus {
8510 box-shadow: inset 0 -2px 0 0 #828282;
8511 color: #e6e6e6;
8512}
8513.p-detail_scope {
8514 box-shadow: inset 0 1px 0 0 #545454;
8515}
8516.p-detail_scope:last-child {
8517 border-bottom-color: #545454;
8518}
8519.p-detail_dangerous_scope {
8520 border-left-color: #bf360c;
8521 border-right-color: #545454;
8522}
8523.p-detail_arrow_icon {
8524 color: #949494;
8525}
8526.p-detail_arrow_icon:hover {
8527 color: #e6e6e6;
8528}
8529.p-detail_permissions {
8530 background: #363636;
8531 border-color: #545454;
8532}
8533table.gray_header_border tr:first-child th:not(:only-of-type) {
8534 border-bottom-color: #545454;
8535}
8536.section_rollup {
8537 border-bottom-color: #222;
8538}
8539.section_rollup:first-of-type {
8540 border-top-color: #222;
8541}
8542.section_rollup:hover:not(.is_active) {
8543 background: rgba(34, 34, 34, 0.5);
8544 color: #e6e6e6;
8545}
8546.is_completed_section .section_rollup_header::before,
8547.is_failed_section .section_rollup_header::before {
8548 background-color: #0cbf72;
8549 color: #000;
8550}
8551.developer_apps_functionality_link:hover {
8552 border-color: #545454;
8553 box-shadow: 0 0 6px 0 rgba(130, 130, 130, 0.25);
8554}
8555.developer_apps_functionality_link::before {
8556 background-color: #545454;
8557}
8558.developer_apps_functionality_link_enabled::before {
8559 background-color: #0cbf72;
8560}
8561.legal-hero {
8562 background-color: #222;
8563}
8564.legal-hero.v--no-switch,
8565.legal-hero .o-hero__header {
8566 background-color: #222;
8567}
8568.legal-hero .o-hero__header__headline--larger {
8569 color: #e6e6e6;
8570}
8571.legal-main {
8572 background-color: #363636;
8573}
8574.legal-main.v--no-switch {
8575 background-color: #363636;
8576 border-bottom-color: #545454;
8577 border-top-color: #545454;
8578}
8579.legal-main p {
8580 color: #e6e6e6;
8581}
8582.legal-main a {
8583 border-bottom-color: #545454;
8584}
8585@media screen and (min-width: 67.8125rem) {
8586 .legal-main .c-nav--sidebar__listheader {
8587 color: #e6e6e6;
8588 }
8589 .legal-main .c-nav--sidebar__listitem a.is-selected {
8590 color: #949494;
8591 }
8592}
8593.legal-main .t-contains-subtle-links a:not(.c-button) {
8594 color: #e6e6e6;
8595}
8596.legal-main .t-contains-subtle-links a:not(.c-button):active,
8597.legal-main .t-contains-subtle-links a:not(.c-button):focus,
8598.legal-main .t-contains-subtle-links a:not(.c-button):hover {
8599 color: #949494;
8600}
8601@media screen and (min-width: 67.8125rem) {
8602 .t-no-header .legal-main {
8603 background-color: #363636;
8604 }
8605}
8606.t-no-header .legal-hero.o-hero.v--short {
8607 background-color: #363636;
8608}
8609.c-oauth_scope_info__spacer_icon {
8610 color: #bf360c;
8611}
8612.c-oauth_scope_info__dangerous_scopes,
8613.c-oauth_scope_info__safe_scopes {
8614 border-bottom-color: #545454;
8615}
8616.c-oauth_scope_info__dangerous_scopes {
8617 border-left-color: #bf360c;
8618 border-right-color: #545454;
8619 border-top-color: #545454;
8620}
8621.c-oauth_scope_info__dangerous_scope:not(:first-child),
8622.c-oauth_scope_info__safe_scope {
8623 border-top-color: #545454;
8624}
8625a.p-oauth_nav__anchor {
8626 color: #949494;
8627}
8628.p-oauth_nav__team-switcher .menu_launcher {
8629 border-color: #363636;
8630}
8631.p-oauth_nav__team-switcher .menu_launcher:hover {
8632 border: #545454;
8633}
8634.p-oauth_page,
8635.p-oauth_page--error {
8636 background: #222;
8637}
8638.p-oauth_page__title {
8639 color: #e6e6e6;
8640}
8641.p-oauth_page_single_channel_picker {
8642 border-bottom-color: #363636;
8643}
8644ts-rocket {
8645 color: #e6e6e6;
8646}
8647ts-rocket a {
8648 color: #949494;
8649}
8650ts-rocket a caret::before {
8651 background-color: #363636;
8652 border-color: #363636;
8653}
8654ts-rocket hr {
8655 border-color: #363636;
8656}
8657ts-rocket code,
8658ts-rocket .pre.text,
8659ts-rocket > div > pre {
8660 background-color: #000;
8661}
8662ts-rocket .blockquote.text::before,
8663ts-rocket > div > blockquote::before {
8664 background-color: #000;
8665}
8666ts-rocket .cl.text {
8667 background-color: #000;
8668 border-bottom: 1px solid #363636;
8669}
8670ts-rocket .cl.text .checkbox.checked + li {
8671 color: #949494;
8672}
8673ts-rocket > div > .checklist {
8674 background-color: #000;
8675 border-bottom: 1px solid #363636;
8676}
8677ts-rocket > div > .checklist .checkbox.checked + li {
8678 color: #949494;
8679}
8680ts-rocket > div > .checklist li::before {
8681 background: #363636;
8682}
8683ts-rocket > div > .checklist li.checked {
8684 color: #949494;
8685}
8686ts-rocket .unfurl .unfurl-container {
8687 background-color: #000;
8688}
8689ts-rocket .unfurl .unfurl-container.unfurl-render-failed {
8690 background-color: rgba(191, 54, 12, 0.1);
8691}
8692ts-rocket .unfurl .attachment_bar {
8693 background-color: #363636 !important;
8694}
8695ts-rocket .unfurl .unfurl-remove::before {
8696 color: #949494;
8697}
8698ts-rocket .unfurl .unfurl-remove:hover::before {
8699 color: #e6e6e6;
8700}
8701ts-rocket .unfurl.selected .unfurl-container {
8702 background-color: rgba(130, 130, 130, 0.5);
8703}
8704ts-rocket .unfurl.selected .unfurl-container .attachment_bar {
8705 background-color: rgba(130, 130, 130, 0.5) !important;
8706}
8707ts-rocket caret::before {
8708 background-color: #363636;
8709 border: 1px solid #363636;
8710}
8711ts-rocket carriage {
8712 background-color: rgba(130, 130, 130, 0.5);
8713}
8714ts-rocket selection {
8715 background-color: rgba(130, 130, 130, 0.5);
8716}
8717ts-rocket selection::after,
8718ts-rocket selection::before {
8719 background-color: rgba(130, 130, 130, 0.5);
8720}
8721ts-rocket ime {
8722 background-color: rgba(130, 130, 130, 0.5);
8723}
8724ts-rocket .hr.selected hr {
8725 box-shadow: 0 0 0 5px rgba(130, 130, 130, 0.5);
8726}
8727.focusing_input_field space.inactive .unfurl.selected .unfurl-container {
8728 background-color: #000;
8729}
8730nav {
8731 background: #363636;
8732}
8733nav .space {
8734 background-color: #363636;
8735 box-shadow: 0 1px rgba(0, 0, 0, 0.25), 0 2px rgba(0, 0, 0, 0.15),
8736 0 3px rgba(0, 0, 0, 0.15);
8737}
8738nav .space::after {
8739 border-left: 1px solid #545454;
8740}
8741nav .comments {
8742 background-color: #363636;
8743}
8744nav .space_buttons .btn_outline {
8745 background-color: #424242;
8746}
8747nav .space_buttons .btn_outline::after {
8748 border-color: #545454;
8749}
8750nav .space_btn_star {
8751 background: none;
8752 border: 0;
8753}
8754nav .space_btn_star:hover {
8755 background: none !important;
8756}
8757nav .space_btn_edit {
8758 background: #545454;
8759}
8760nav .space_btn_edit.editing {
8761 background: #828282;
8762}
8763nav .star_info {
8764 color: #949494;
8765}
8766nav #space_status {
8767 border-left: 1px solid #545454;
8768 color: #949494;
8769}
8770nav #space_status.slightly_concerned {
8771 color: #bf360c;
8772}
8773nav #edit_status {
8774 color: #949494;
8775}
8776nav .comments_open.unread span.notif {
8777 background-color: #bf360c;
8778 box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
8779}
8780nav .comments_close {
8781 color: #949494;
8782}
8783nav .comments_close:hover::before {
8784 color: #949494 !important;
8785}
8786ts-space header {
8787 background: transparent;
8788}
8789ts-space header .owner_detail .file_title_header,
8790ts-space header .owner_detail .inline-edit {
8791 color: #e6e6e6;
8792}
8793ts-space header .owner_detail .inline-edit {
8794 background: none;
8795}
8796ts-space header .owner_detail .inline-edit::-webkit-input-placeholder {
8797 color: #e6e6e6;
8798}
8799ts-space header .owner_detail .inline-edit::-moz-placeholder {
8800 color: #e6e6e6;
8801}
8802ts-space header .owner_detail .inline-edit:focus::-webkit-input-placeholder {
8803 color: #949494;
8804}
8805ts-space header .owner_detail .inline-edit:focus::-moz-placeholder {
8806 color: #949494;
8807}
8808ts-space header .owner_detail ::selection,
8809ts-space header .owner_detail ::-moz-selection {
8810 background-color: rgba(130, 130, 130, 0.5);
8811}
8812ts-space header .owner_detail small {
8813 color: #949494;
8814}
8815ts-space header .divider {
8816 border-top: 1px solid #545454;
8817}
8818ts-space a.feedback {
8819 color: #e6e6e6;
8820 text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000,
8821 1px -1px 0 #000;
8822}
8823ts-space a.feedback:hover {
8824 background-color: #363636;
8825 color: #e6e6e6;
8826}
8827comments {
8828 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25);
8829}
8830#space_alert {
8831 background-color: #000;
8832 box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
8833}
8834#space_alert.error {
8835 background-color: #bf360c;
8836}
8837#space_alert span#space_alert_text {
8838 color: #e6e6e6;
8839}
8840#space_alert a {
8841 color: #949494;
8842}
8843#space_alert button#space_alert_close::before {
8844 color: #949494;
8845}
8846#space_alert button#space_alert_close:hover::before {
8847 color: #949494;
8848}
8849#space_alert .btn_outline.btn_transparent {
8850 background-color: #424242 !important;
8851 color: #e6e6e6 !important;
8852}
8853#space_alert .btn_outline.btn_transparent::after {
8854 border-color: #545454;
8855}
8856#space_find_bar {
8857 background-color: #363636;
8858 border-bottom: 1px solid rgba(130, 130, 130, 0.1);
8859 border-left: 1px solid rgba(130, 130, 130, 0.07);
8860 border-right: 1px solid rgba(130, 130, 130, 0.07);
8861 box-shadow: 0 1px rgba(0, 0, 0, 0.15);
8862}
8863#space_find_bar #space_find_info.no_matches {
8864 color: #bf360c;
8865}
8866#space_find_bar #space_find_next .ts_icon {
8867 background-color: #545454;
8868}
8869#space_find_bar #space_find_next .ts_icon::before,
8870#space_find_bar #space_find_next .ts_icon:hover::before {
8871 color: #e6e6e6;
8872}
8873#space_find_bar #space_find_next:hover .ts_icon {
8874 background-color: #828282;
8875}
8876#space_find_bar #space_find_close::before {
8877 color: #949494;
8878}
8879#space_find_bar #space_find_close:hover::before {
8880 color: #949494;
8881}
8882#connected_members .connected_members_count {
8883 color: #e6e6e6;
8884 text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000,
8885 1px -1px 0 #000;
8886}
8887#connected_members .toggle_more_members_popover {
8888 background: #222;
8889 color: #949494;
8890}
8891#connected_members_overflow_popover {
8892 border-bottom: 1px solid #363636;
8893 border-left: 1px solid rgba(0, 0, 0, 0.11);
8894 border-right: 1px solid rgba(0, 0, 0, 0.11);
8895 border-top: 1px solid rgba(0, 0, 0, 0.11);
8896 box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.5);
8897}
8898#connected_members_overflow_popover .arrow::after {
8899 background-color: #363636;
8900}
8901#connected_members_overflow_popover .arrow_shadow::after {
8902 background-color: #363636;
8903 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5);
8904}
8905#connected_members_overflow_popover .monkey_scroll_wrapper {
8906 background: #363636;
8907}
8908#connection_status #connection_label {
8909 color: #e6e6e6;
8910 text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000,
8911 1px -1px 0 #000;
8912}
8913#shortcuts_spaces_dialog {
8914 background-color: rgba(0, 0, 0, 0.8);
8915 text-shadow: 0 1px 1px rgba(54, 54, 54, 0.7);
8916}
8917#shortcuts_spaces_dialog .modal-body {
8918 color: #e6e6e6;
8919}
8920#shortcuts_spaces_dialog .col .keyboard {
8921 background-color: #828282;
8922 border-bottom: 2px solid #424242;
8923 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
8924 color: #e6e6e6;
8925}
8926#shortcuts_spaces_dialog .close:hover {
8927 background-color: #828282;
8928}
8929#shortcuts_spaces_dialog .close .ts_icon::before {
8930 color: #949494 !important;
8931}
8932.textstyle_menu .arrow-shadow::after {
8933 background-color: #363636;
8934 box-shadow: 0 0 0 1px #363636;
8935}
8936.textstyle_menu .arrow::after {
8937 background-color: #363636;
8938}
8939.textstyle_menu .content {
8940 background-color: #363636;
8941 box-shadow: 0 0 0 1px #363636, 0 0 1px rgba(0, 0, 0, 0.15),
8942 0 1px 3px rgba(0, 0, 0, 0.25);
8943}
8944.textstyle_menu.link .arrow-shadow::after {
8945 background-color: #363636;
8946}
8947.textstyle_menu.link .arrow::after {
8948 background-color: #363636;
8949}
8950.textstyle_menu.link .content {
8951 background-color: #363636;
8952 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25);
8953}
8954.textstyle_menu.link .content input[type="text"] {
8955 background-color: #545454;
8956}
8957.textstyle_menu.link .content > a.link {
8958 color: #949494;
8959}
8960.textstyle_menu.link .content ::-webkit-input-placeholder,
8961.textstyle_menu.link .content ::-moz-placeholder {
8962 color: #949494;
8963}
8964.textstyle_menu.link .content .buttons a.item.active,
8965.textstyle_menu.link .content .buttons a.item:hover {
8966 background-color: #363636;
8967}
8968.textstyle_menu .buttons a:hover,
8969.textstyle_menu.style a:hover {
8970 border: 1px solid #545454;
8971}
8972.textstyle_menu .buttons a.active,
8973.textstyle_menu.style a.active {
8974 background-color: #545454;
8975 border: 1px solid #828282;
8976}
8977.textstyle_menu.style a.deformat::before {
8978 border-left: 1px solid #545454;
8979}
8980.textstyle_menu .buttons a.link_unfurl:not(.unfurl_pending) span::before {
8981 color: #949494;
8982}
8983.para_menu .insert .tip {
8984 color: #949494;
8985}
8986.para_menu .insert .tooltip .arrow-shadow::after {
8987 background-color: #363636;
8988 box-shadow: 0 0 0 1px #545454;
8989}
8990.para_menu .insert .tooltip .arrow::after {
8991 background-color: #363636;
8992}
8993.para_menu .insert .tooltip .content {
8994 background-color: #363636;
8995 box-shadow: 0 0 0 1px #545454, 0 0 1px rgba(0, 0, 0, 0.15),
8996 0 1px 3px rgba(0, 0, 0, 0.25);
8997}
8998.para_menu .format .options .arrow-shadow::after {
8999 background-color: #363636;
9000 box-shadow: 0 0 0 1px #545454;
9001}
9002.para_menu .format .options .arrow::after {
9003 background-color: #363636;
9004}
9005.para_menu .format .options .arrow-shadow.bottom::after {
9006 box-shadow: 1px 1px 0 0 #545454;
9007}
9008.para_menu .format .options .content {
9009 background-color: #363636;
9010 box-shadow: 0 0 0 1px #545454, 0 0 1px rgba(0, 0, 0, 0.15),
9011 0 1px 3px rgba(0, 0, 0, 0.25);
9012}
9013.para_menu .format .options .content ul:first-child {
9014 border-bottom: 1px solid #363636;
9015}
9016.para_menu .format .options.show .tooltip > div {
9017 background-color: #363636;
9018 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
9019 color: #e6e6e6;
9020}
9021.para_menu .format .options.show .tooltip span {
9022 background-color: #545454;
9023}
9024.para_menu .options a:hover {
9025 border: 1px solid #545454;
9026}
9027.para_menu .options a.active {
9028 background-color: #424242;
9029 border: 1px solid #363636;
9030}
9031.para_menu .options a.active span {
9032 filter: grayscale(2) brightness(2);
9033}
9034.para_menu .options a span {
9035 filter: grayscale(2) brightness(5);
9036}
9037.para_menu a.trigger.pilcrow {
9038 filter: grayscale(2) brightness(1.8);
9039}
9040.para_menu a.trigger.pilcrow:hover,
9041.para_menu a.trigger.pilcrow.active {
9042 filter: grayscale(2) brightness(2);
9043}