diff options
author | Ben Isenhart | 2019-07-23 22:19:05 -0400 |
---|---|---|
committer | Ben Isenhart | 2019-07-23 22:19:05 -0400 |
commit | 746a0a41eebb5fb4953e7a70d6d73bdc23fada11 (patch) | |
tree | 122f534663320e80f4e032fa8db1427a0290c993 | |
parent | 10645f3b1065e3f770b653d29527baee9d3adba1 (diff) | |
download | aur-746a0a41eebb5fb4953e7a70d6d73bdc23fada11.tar.gz |
update black.css to v4.0.0 compatible css
-rw-r--r-- | .SRCINFO | 9 | ||||
-rw-r--r-- | PKGBUILD | 2 | ||||
-rw-r--r-- | black.css | 5472 |
3 files changed, 1680 insertions, 3803 deletions
@@ -1,11 +1,12 @@ pkgbase = slack-desktop-dark pkgdesc = Slack Desktop (Beta) for Linux, with dark theme patch - pkgver = 3.4.2 + pkgver = 4.0.0 pkgrel = 1 url = https://slack.com/downloads arch = x86_64 license = custom depends = alsa-lib + depends = asar depends = gconf depends = gtk3 depends = libcurl-compat @@ -17,12 +18,12 @@ pkgbase = slack-desktop-dark depends = xdg-utils optdepends = gnome-keyring conflicts = slack-desktop - noextract = slack-desktop-3.4.2-amd64.deb - source = https://downloads.slack-edge.com/linux_releases/slack-desktop-3.4.2-amd64.deb + noextract = slack-desktop-4.0.0-amd64.deb + source = https://downloads.slack-edge.com/linux_releases/slack-desktop-4.0.0-amd64.deb source = black.css source = darkify_slack.js source = slack-desktop-dark.patch - sha256sums = 3833c1abdbd15b50d9f3e4f77deb4bf6d578cfebfeab2b6ee0e84f567d207261 + sha256sums = 911a4c05fb4f85181df13f013e82440b0d171862c9cb137dc19b6381d47bd57e sha256sums = SKIP sha256sums = SKIP sha256sums = SKIP @@ -16,7 +16,7 @@ depends=('alsa-lib' 'asar' 'gconf' 'gtk3' 'libcurl-compat' 'libsecret' 'libxss' optdepends=('gnome-keyring') conflicts=('slack-desktop') source=("https://downloads.slack-edge.com/linux_releases/${pkgname%-dark}-${pkgver}-amd64.deb" - # black.css based on "https://raw.githubusercontent.com/Nockiro/slack-black-theme/13a638fe11e58b4d5aad9dc4f38c904b2f8a600e/black.css" + # black.css based on "https://raw.githubusercontent.com/Nockiro/slack-black-theme/master/custom.css" "black.css" "darkify_slack.js" "${pkgname}.patch") diff --git a/black.css b/black.css index ad7945118512..202db04baf88 100644 --- a/black.css +++ b/black.css @@ -1,4023 +1,1899 @@ -:root { - --text: #a9a9a9; - --background-color: #363636; -} - -body { background: #222; color: #818283; } - -a { color: #949494; } - -a:link, a:visited { color: #949494; } - -a:hover, a:active, a:focus { color: #c7c7c7; } - -hr { border-bottom: 1px solid #424242; border-top: 1px solid #222; } - -h1, h2, h3, h4 { color: #818283; } - -h1 a { color: #818283; } - -h1 a:active, h1 a:hover, h1 a:link, h1 a:visited { color: #818283; } - -.bordered { border: 1px solid var(--background-color); } - -.top_border { border-top: 1px solid var(--background-color); } - -.bottom_border { border-bottom: 1px solid var(--background-color); } - -.left_border { border-left: 1px solid var(--background-color); } - -.right_border { border-right: 1px solid var(--background-color); } - -.bullet { color: #949494; } - -.alert { background-color: var(--background-color); border-color: #000; color: #818283; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } - -.alert h4 { color: #818283; } - -.alert-info { background-color: var(--background-color); border-color: #000; color: #818283; } - -.alert-info h4 { color: #818283; } - -::-webkit-scrollbar-track { background: var(--background-color) !important; border-left-color: var(--background-color) !important; border-right-color: var(--background-color) !important; color: var(--background-color) !important; } - -::-webkit-scrollbar-thumb { background: #545454 !important; border-left-color: var(--background-color) !important; border-right-color: var(--background-color) !important; color: #222 !important; } - -::-webkit-scrollbar-corner { background: #222 !important; } - -.supports_custom_scrollbar #messages_container::after { background: none !important; } - -.monkey_scroll_bar { background: #424242; } - -.monkey_scroll_handle_inner { background: #545454; border: 1px solid #828282; } - -.monkey_scroll_bar_native_scrollbar_shim { background: transparent; } - -#client-ui .monkey_scroll_bar { background: #424242; } - -#client-ui .monkey_scroll_handle_inner { background: #545454; border: 3px solid #222; } - -.c-scrollbar--monkey .c-scrollbar__track { background: #424242; } - -.c-scrollbar--monkey .c-scrollbar__bar { background: #545454; box-shadow: 0 3px 0 #222, 0 -3px 0 #222; } - -.client_channels_list_container { background-color: var(--background-color); border-right-color: #222; } - -#col_channels { color: #818283; } - -.p-channel_sidebar { background-color: var(--background-color); color: #818283; } - -.p-channel_sidebar__channel, .p-channel_sidebar__channel:link, .p-channel_sidebar__channel:visited, .p-channel_sidebar__channel:hover, .p-channel_sidebar__link, .p-channel_sidebar__link:link, .p-channel_sidebar__link:visited, .p-channel_sidebar__link:hover { color: rgba(230, 230, 230, 0.8) !important; } - -.p-channel_sidebar__channel--selected, .p-channel_sidebar__channel--selected:link, .p-channel_sidebar__channel--selected:visited, .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected, .p-channel_sidebar__link--selected:link, .p-channel_sidebar__link--selected:visited, .p-channel_sidebar__link--selected:hover { color: #818283; } - -.p-channel_sidebar__channel:hover, .p-channel_sidebar__link:hover { background: #222 !important; } - -.p-channel_sidebar__header { color: #818283 !important; } - -.p-channel_sidebar__channel--im.p-channel_sidebar__channel--selected .c-presence, .p-channel_sidebar__channel--im-slackbot.p-channel_sidebar__channel--selected::before { color: #818283; } - -.p-channel_sidebar__channel--im .c-presence--away { color: #949494; } - -.p-channel_sidebar__channel--selected, .p-channel_sidebar__link--selected { background: #545454 !important; } - -.p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected:hover { background: #545454 !important; } - -.p-channel_sidebar__channel--selected::before, .p-channel_sidebar__channel--selected:hover::before, .p-channel_sidebar__channel--selected::after, .p-channel_sidebar__channel--selected:hover::after { color: #818283; } - -.p-channel_sidebar__link--selected::before, .p-channel_sidebar__link--selected::after { color: #818283; } - -.p-channel_sidebar__badge, .p-channel_sidebar__banner--mentions { background: #bf360c; } - -.p-channel_sidebar .c-custom_scrollbar__thumb_vertical, .p-channel_sidebar .c-scrollbar__bar { background: #545454; } - -.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name, .p-channel_sidebar__link--unread .p-channel_sidebar__name, .p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name, .p-channel_sidebar__section_heading_label--clickable:hover, .p-channel_sidebar__quickswitcher:hover { color: whitesmoke !important; } - -.p-channel_sidebar__close_container:hover { background: #000; } - -.p-channel_sidebar__jumper { background: transparent !important; } - -.channels_list_holder h2 { color: #818283 !important; } - -.channels_list_holder h2.hoverable:not(.jquery_hover):hover { color: #818283; opacity: 0.8; } - -.channels_list_holder ul { color: #818283 !important; } - -.channels_list_holder ul li { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.channels_list_holder ul li .channel_name, .channels_list_holder ul li .group_name, .channels_list_holder ul li .im_name, .channels_list_holder ul li .mpim_name, .channels_list_holder ul li > a { background: var(--background-color); color: rgba(230, 230, 230, 0.8) !important; } - -.channels_list_holder ul li .channel_name:hover, .channels_list_holder ul li .group_name:hover, .channels_list_holder ul li .im_name:hover, .channels_list_holder ul li .mpim_name:hover, .channels_list_holder ul li > a:hover { background: #222 !important; border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; } - -.channels_list_holder ul li .primary_action.im_name:hover .im_name_background, .channels_list_holder ul li .primary_action.feature_user_custom_status:hover .im_name_background, .channels_list_holder ul li .primary_action:not(.feature_user_custom_status):hover { background: #222; } - -.channels_list_holder ul li.mention a { color: #818283; } - -.channels_list_holder ul li.unread:not(.muted_channel) .primary_action { color: whitesmoke !important; } - -.channels_list_holder ul li.unread .prefix { color: #818283 !important; opacity: 1; } - -.channels_list_holder .group_close, .channels_list_holder .im_close, .channels_list_holder .mpim_close { color: #949494 !important; } - -.channels_list_holder .unread_highlights { background: #bf360c; color: #818283; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -.channels_list_holder .unread_msgs { background: #222; color: #818283; } - -#channel_list_invites_link { border-bottom: 1px dotted #949494; color: #949494 !important; font-size: 0.9rem; } - -#channel_list_invites_link:hover { border-bottom: 1px solid #949494; } - -#quick_switcher_btn { background: var(--background-color); border-top: 2px solid var(--background-color); } - -#quick_switcher_btn > i { color: #949494; } - -#quick_switcher_btn:active, #quick_switcher_btn:hover { background: #222; border-color: #222; } - -#quick_switcher_btn:active > i, #quick_switcher_btn:hover > i { color: #949494; } - -#quick_switcher_btn:active #quick_switcher_label, #quick_switcher_btn:hover #quick_switcher_label { color: #949494; } - -#quick_switcher_label { color: #949494; } - -.loading #loading-zone { background: #222; } - -#loading_welcome { background-image: none; } - -#loading_message p { color: var(--text); } - -#loading_message #loading_message_attribution { color: #949494; } - -#loading_team_menu_bg, #loading_user_menu_bg { background: #222; border: none; } - -.infinite_spinner_bg, .infinite_spinner_blue { stroke: var(--text); } - -body.loading #team_menu, body.loading #quick_switcher_btn, body.loading #team_menu_overlay, body.loading #col_channels_overlay, body.loading #col_channels { background-color: var(--background-color); } - -.p-degraded_list__loading { background-color: #222; color: var(--text); } - -input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type='url'], input[type=tel], input[type=color], input[type=search] { background-color: #545454; border-color: #000; color: var(--text); } - -input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type='url']:focus, input[type=tel]:focus, input[type=color]:focus, input[type=search]:focus { border-color: rgba(54, 54, 54, 0.8); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); } - -input[type=file]:focus { outline: var(--text) dotted thin; } - -input[type=radio]:focus, input[type=checkbox]:focus { outline: var(--text) dotted thin; } - -select { background: #545454; } - -select, textarea { border: 1px solid #000; color: var(--text); } - -select:active, select:focus, textarea:active, textarea:focus { border-color: var(--background-color); box-shadow: 0 0 7px rgba(130, 130, 130, 0.15); } - -input:disabled, input:disabled:active, select:disabled, textarea:disabled { border-color: #424242 !important; } - -.no_touch input:hover, .no_touch select:hover, .no_touch textarea:hover { border-color: var(--background-color); } - -.no_touch label.select:hover select { border-color: var(--background-color); } - -.no_touch label.select:not(.disabled):hover::after { color: var(--background-color); } - -label.disabled { color: var(--text); } - -legend { border-bottom: 1px solid #828282; } - -legend small { color: #949494; } - -.uneditable-input, .uneditable-textarea { background-color: #424242; border: 1px solid #000; color: var(--text); } - -.uneditable-input:focus, .uneditable-textarea:focus { border-color: rgba(130, 130, 130, 0.8); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); } - -textarea { background-color: #545454; border: 1px solid #000; color: var(--text); } - -textarea:focus { border-color: rgba(130, 130, 130, 0.8); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); } - -::-webkit-input-placeholder { color: var(--text) !important; -webkit-filter: none; filter: none; opacity: 0.5; } - -::-moz-placeholder { color: var(--text) !important; filter: none; opacity: 0.5; } - -::placeholder { color: var(--text) !important; filter: none; opacity: 0.5; } - -[data-placeholder]:empty::before { color: var(--text) !important; } - -input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--text) !important; -webkit-filter: none; filter: none; opacity: 0.5; } - -input::-moz-placeholder, textarea::-moz-placeholder { color: var(--text) !important; filter: none; opacity: 0.5; } - -input::placeholder, textarea::placeholder { color: var(--text) !important; filter: none; opacity: 0.5; } - -input[data-placeholder]:empty::before, textarea[data-placeholder]:empty::before { color: var(--text) !important; } - -input[disabled], input[readonly], textarea[disabled], textarea[readonly] { background-color: #545454 !important; } - -.form-actions { background-color: #424242; border-top: 1px solid var(--background-color); } - -.help-block, .help-inline { color: #949494; } - -.input-append .add-on, .input-prepend .add-on { background-color: #828282; border: 1px solid #545454; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -.btn { background-color: #545454; color: var(--text) !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.btn.hover, .btn:focus, .btn:hover, .btn.active, .btn:active { background-color: #545454; color: var(--text); } - -.btn.btn_border { border: 2px solid #424242; } - -.btn.disabled, .btn:disabled { background-color: #000 !important; } - -.btn.disabled:active, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:hover { background-color: #000 !important; } - -.btn.btn_outline.btn_danger, .btn.btn_outline.btn_warning { background-color: #bf360c !important; color: var(--text) !important; } - -.btn.btn_outline.btn_danger:focus, .btn.btn_outline.btn_danger:hover, .btn.btn_outline.btn_warning:focus, .btn.btn_outline.btn_warning:hover { background-color: #222 !important; border-color: #bf360c !important; color: #bf360c !important; } - -.btn.btn_outline.disabled { background: #424242 !important; color: #949494 !important; } - -.btn.btn_outline.disabled:hover { background: #424242 !important; color: #949494 !important; } - -.btn.btn_attachment { border-color: #545454; } - -.btn.btn_attachment:hover, .btn.btn_attachment:focus { background-color: var(--background-color); border-color: #828282; } - -.btn.btn_attachment.btn_danger { border-color: #bf360c; } - -.btn.btn_attachment.btn_danger:hover, .btn.btn_attachment.btn_danger:focus { border-color: #ef440f; } - -.btn.btn_attachment.btn_primary { border-color: #828282; } - -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9c9c; } - -.btn_basic:focus, .btn_basic:hover { color: var(--text); } - -.btn_outline { background: #222; color: #949494 !important; } - -.btn_outline::after { border: 1px solid #424242; } - -.btn_outline.btn_transparent { color: rgba(84, 84, 84, 0.9) !important; } - -.btn_outline.btn_transparent::after { border: 1px solid rgba(34, 34, 34, 0.5); } - -.btn_outline.btn_transparent.active, .btn_outline.btn_transparent.hover, .btn_outline.btn_transparent:active, .btn_outline.btn_transparent:focus, .btn_outline.btn_transparent:hover { background-color: rgba(84, 84, 84, 0.9) !important; color: #c7c7c7 !important; } - -.btn_outline.btn_transparent.active, .btn_outline.btn_transparent:active { background-color: rgba(84, 84, 84, 0.8) !important; } - -.btn_outline.hover, .btn_outline:focus, .btn_outline:hover { background: #222; color: #c7c7c7 !important; } - -.btn_outline:active { color: #c7c7c7; } - -.btn_outline.active { color: #c7c7c7 !important; } - -.btn_link { color: #949494; } - -.btn_link:hover, .btn_link:focus { color: #c7c7c7; } - -.btn-group.open .btn.dropdown-toggle { background-color: #545454; } - -.btn-group.open .btn-primary.dropdown-toggle { background-color: #424242; } - -.btn-group > .btn + .dropdown-toggle { box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.125), inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.05); } - -.btn_info, .btn.btn_success { background-color: #222 !important; } - -.btn_warning, .btn_danger { background-color: #bf360c !important; } - -.btn-danger .caret, .btn-info .caret, .btn-inverse .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret { border-bottom-color: var(--text); border-top-color: var(--text); } - -.input_note { color: var(--text); } - -.c-enhanced_text_input { background-color: #545454; border-color: var(--background-color); color: #949494; } - -.c-enhanced_text_input:hover, .c-enhanced_text_input.c-enhanced_text_input--active { border-color: #545454; } - -.lazy_filter_select.disabled { background: var(--background-color); } - -.lazy_filter_select.disabled input.lfs_input { background: #828282; } - -.lazy_filter_select .lfs_input_container { background-color: #545454; border-color: #000; } - -.lazy_filter_select .lfs_input_container.active, .lazy_filter_select .lfs_input_container:hover { border-color: var(--background-color); } - -.lazy_filter_select .lfs_input_container.active { box-shadow: 0 0 7px rgba(34, 34, 34, 0.15); } - -.lazy_filter_select .lfs_list_container { background: #222; border-color: #000; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } - -.lazy_filter_select .lfs_list .lfs_item.selected { color: var(--text); } - -.lazy_filter_select .lfs_list .lfs_item.selected .c-member__current-status .prevent_copy_paste, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__current-status--small::before, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__display-name, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__name, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__secondary-name { color: var(--text) !important; } - -.lazy_filter_select .lfs_list .lfs_item.disabled { color: #949494; } - -.lazy_filter_select .lfs_list .lfs_item.active { background-color: #000; border-color: var(--background-color); color: var(--text); } - -.lazy_filter_select .lfs_token { background: #222; border: 1px solid #000; color: var(--text); } - -.lazy_filter_select .lfs_token::after { color: var(--text); } - -.lazy_filter_select.single .lfs_input_container.active::after, .lazy_filter_select.single .lfs_input_container:hover::after { color: var(--text); } - -#select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected { color: var(--text) !important; } - -#select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected .ts_icon:not(.presence_icon) { color: #949494 !important; } - -#select_share_channels .lazy_filter_select .lfs_item { color: #949494 !important; } - -#select_share_channels .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon) { color: #949494 !important; } - -#message_edit_form .emo_menu { color: rgba(230, 230, 230, 0.3); } - -#message_edit_form .emo_menu.active .ts_icon_happy_smile, #message_edit_form .emo_menu:hover .ts_icon_happy_smile { color: #828282; } - -#message_edit_form.focus .emo_menu { color: rgba(230, 230, 230, 0.6); } - -#message_edit_form.focus #primary_file_button:not(:hover) { border-color: var(--background-color); } - -#message_edit_form.offline #message-input, #message_edit_form.offline #primary_file_button { background-color: var(--background-color) !important; } - -#message_edit_form.offline #primary_file_button { border-color: #424242; color: #949494; } - -#msg_form.focus #msg_input, #msg_form.focus #primary_file_button:not(:hover):not(.active) { border-color: var(--background-color); } - -#msg_form #msg_input { background: padding-box #545454; border-color: #424242; border-left: 0; color: #a2a2a2; } - -#msg_form #msg_input.focus ~ .msg_mentions_button:not(.hover) { color: var(--text); } - -#msg_form .msg_mentions_button { color: #949494; } - -#msg_form .msg_mentions_button:hover { color: var(--text); } - -#msg_input { background: #545454; border-color: #424242; color: var(--text); } - -#msg_input::-webkit-input-placeholder { color: var(--text) !important; -webkit-filter: none; filter: none; opacity: 0.5; } - -#msg_input::-moz-placeholder { color: var(--text) !important; filter: none; opacity: 0.5; } - -#msg_input::placeholder { color: var(--text) !important; filter: none; opacity: 0.5; } - -#msg_input[data-placeholder]:empty::before { color: var(--text) !important; } - -#msg_input:focus, #msg_input.focus { border-color: var(--background-color); } - -#msg_input:focus + #primary_file_button:not(:hover):not(.active), #msg_input.focus + #primary_file_button:not(:hover):not(.active) { border-color: var(--background-color); } - -#msg_input + #primary_file_button:not(:hover):not(.active) { border-color: #424242; } - -#msg_input + #primary_file_button.focus-ring:not(:hover):not(.active) { border-color: #424242; } - -#msg_input.offline:not(.pretend-to-be-online) { background-color: var(--background-color) !important; color: #949494; } - -#msg_input.disabled, #msg_input.ql-disabled { background-color: var(--background-color); border-color: var(--background-color); color: #949494; } - -#msg_input_message { background-color: var(--background-color); color: var(--text); } - -#primary_file_button { background: padding-box #545454; border-color: #424242; color: #949494; } - -#primary_file_button.active, #primary_file_button.focus-ring, #primary_file_button:focus, #primary_file_button:hover { background: #424242; border-color: var(--background-color); color: var(--text); } - -#footer, #footer.footer_msg_input { background: #222; box-shadow: inset 1px 0 0 0 #222; } - -#footer.disabled #message-input, #footer.disabled #msg_input { background: padding-box var(--background-color) !important; border-color: var(--background-color) !important; } - -#footer_archives_table { color: #949494; } - -#typing_text { color: #949494; filter: none; } - -#notification_bar.wide #typing_text.overflow_ellipsis { -webkit-filter: none; filter: none; } - -#special_formatting_text { color: #949494; } - -#message_edit_container .message_input, .inline_message_input_container .message_input { color: var(--text); } - -.inline_message_input_container .ql-container { border-color: #545454; } - -.inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #828282; } - -.c-message--editing { background: var(--background-color); border-color: var(--background-color); color: var(--text); } - -.c-message__editor__input { background: #545454; border-color: var(--background-color); color: var(--text); } - -.c-message__editor__input.focus { border-color: var(--background-color); box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - -.c-message__editor__warning { color: #bf360c; } - -#message_edit_container .message_input { background: #545454; border-color: var(--background-color); color: var(--text); } - -#message_edit_container .message_input.focus { border-color: var(--background-color); box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - -.ql-editor::-webkit-scrollbar-thumb { background-color: rgba(84, 84, 84, 0.5); color: #222; } - -.ql-editor::-webkit-scrollbar-thumb:hover { background-color: rgba(84, 84, 84, 0.8); } - -.ql-placeholder, .texty_legacy .ql-placeholder { color: #b7b7b7; filter: none; } - -.ql-container.texty_single_line_input { background: #545454; border: 1px solid var(--background-color); color: var(--text); } - -.ql-container.texty_single_line_input.focus, .ql-container.texty_single_line_input:hover { box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - -.ts_toggle .ts_toggle_button { background: #000; color: var(--text); } - -.ts_toggle .ts_toggle_button .ts_toggle_handle { background: var(--background-color); } - -.ts_toggle .ts_toggle_secondary_label { color: #949494; } - -.ts_toggle.checked .ts_toggle_button { background: #828282; color: var(--text); } - -.ts_toggle.ts_toggle_orange .ts_toggle_button { background: #bf360c; color: var(--text); } - -.menu { background: var(--background-color); border: 1px solid #222; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); color: var(--text); } - -.menu .menu_content { background: var(--background-color) !important; } - -.menu .menu_filter_container { background: #222; } - -.menu .menu_filter_container input.menu_filter { border: 1px solid #424242; } - -.menu .menu_filter_container input.menu_filter:focus { border-color: #545454; } - -.menu .menu_filter_container .icon_search { color: #949494; } - -.menu .menu_filter_container .icon_close { color: #949494 !important; } - -.menu #menu_header .menu_simple_header { background: #000; border-color: var(--background-color); color: var(--text); } - -.menu #menu_header .menu_simple_header a { color: #949494; } - -.menu #menu_header .menu_simple_header a:hover { color: #c7c7c7; } - -.menu #menu_header .menu_close { color: var(--text); } - -.menu .section_header .header_label { background-color: var(--background-color); color: #949494; } - -.menu .section_header > div.header_label_container { color: #949494; } - -.menu ul li a { background: var(--background-color); border-bottom: 0; color: var(--text); } - -.menu ul li a.delete_link { color: #bf360c; } - -.menu ul li.highlighted a { background: #222; border-bottom-color: #000; color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -.menu ul li.highlighted a .menu_item_details, .menu ul li.highlighted a .prefix, .menu ul li.highlighted a i, .menu ul li.highlighted a ts-icon { color: var(--text); } - -.menu ul li.highlighted a.delete_link { color: #bf360c; } - -.menu ul li.disabled a { color: #949494; } - -.menu ul li i { color: #949494; } - -.menu ul li.divider { border-bottom-color: #222; } - -.menu ul li .menu_item_details { color: #949494; } - -.menu:not(.keyboard_active) ul li:hover:not(.disabled) a { background: #222; border-bottom-color: #000; color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -.menu:not(.keyboard_active) ul li:hover:not(.disabled) a .menu_item_details, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a .prefix, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a i, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon { color: var(--text); } - -.menu:not(.keyboard_active) ul li:hover:not(.disabled) a.delete_link { color: #bf360c; } - -.menu input { background: var(--background-color); border: 1px solid #545454; } - -.menu textarea { background: var(--background-color); border: 1px solid #545454; } - -.menu #menu_footer .menu_footer { background: #000; border-top: 1px solid var(--background-color); } - -.menu #monkey_scroll_wrapper_for_menu_items_scroller { background: var(--background-color); } - -.menu #menu_list_container #menu_list .menu_list_item a { color: var(--text); } - -.menu #menu_list_container #menu_list .menu_list_item.active a { background: #545454; color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -#autocomplete_menu { color: var(--text); } - -#autocomplete_menu header { background-color: #222; } - -#autocomplete_menu header .header_label { color: #949494; } - -#autocomplete_menu header hr { border-bottom-color: transparent; border-top-color: #000; } - -#autocomplete_menu h2 { color: var(--text); } - -#autocomplete_menu .no_results { color: var(--text); } - -#autocomplete_menu .keyword_match .modifier { color: #949494; } - -#autocomplete_menu .boxed { background: #222; border: 1px solid var(--background-color); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15); } - -#autocomplete_menu .pickmeup { border-bottom: 1px solid var(--background-color); } - -#autocomplete_menu.search_menu .section_header::before, #autocomplete_menu.search_menu.unified .section_header::before { background-color: #545454; } - -#autocomplete_menu.search_menu header, #autocomplete_menu.search_menu.unified header { color: var(--text); } - -#autocomplete_menu.search_menu header .header_label::before, #autocomplete_menu.search_menu.unified header .header_label::before { background-color: var(--background-color); } - -#autocomplete_menu.search_menu .query_header, #autocomplete_menu.search_menu.unified .query_header { background-color: transparent; } - -#autocomplete_menu.search_menu .query_header .search_query_preview, #autocomplete_menu.search_menu.unified .query_header .search_query_preview { color: var(--text); } - -#autocomplete_menu.search_menu li.highlighted .result_item_btn, #autocomplete_menu.search_menu.unified li.highlighted .result_item_btn { background: var(--background-color); color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -#autocomplete_menu.search_menu li.highlighted .modifier_icon, #autocomplete_menu.search_menu.unified li.highlighted .modifier_icon { color: #949494; } - -#autocomplete_menu.search_menu li.highlighted .action_btn, #autocomplete_menu.search_menu.unified li.highlighted .action_btn { color: var(--text); } - -#autocomplete_menu.search_menu li.highlighted .delete_btn, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn { color: #949494; } - -#autocomplete_menu.search_menu li.highlighted .delete_btn:focus, #autocomplete_menu.search_menu li.highlighted .delete_btn:hover, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn:focus, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn:hover { color: #bf360c; } - -#autocomplete_menu.search_menu li.highlighted .muted_text, #autocomplete_menu.search_menu.unified li.highlighted .muted_text { color: #949494; } - -#autocomplete_menu.search_menu:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover { background: transparent; } - -#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .muted_text { color: #949494; } - -#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .result_item_btn { background: var(--background-color); color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .modifier_icon { color: #949494; } - -#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .action_btn { color: var(--text); } - -#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn { color: #949494; } - -#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn:hover { color: #bf360c; } - -#autocomplete_menu.search_menu .muted_text, #autocomplete_menu.search_menu.unified .muted_text { color: #949494; } - -#autocomplete_menu.search_menu .time_modifiers::before, #autocomplete_menu.search_menu.unified .time_modifiers::before { background-color: var(--background-color); } - -#autocomplete_menu.search_menu .result_item_btn, #autocomplete_menu.search_menu.unified .result_item_btn { color: var(--text); } - -#autocomplete_menu.search_menu .results.unified .unified_autocomplete_item .text, #autocomplete_menu.search_menu.unified .results.unified .unified_autocomplete_item .text { color: var(--text); } - -#autocomplete_menu.search_menu .results.unified .unified_autocomplete_item .token, #autocomplete_menu.search_menu.unified .results.unified .unified_autocomplete_item .token { background-color: #424242; color: var(--text); } - -#autocomplete_menu.search_menu .action_btn, #autocomplete_menu.search_menu .modifier_icon, #autocomplete_menu.search_menu.unified .action_btn, #autocomplete_menu.search_menu.unified .modifier_icon { color: #949494; } - -#autocomplete_menu.search_menu footer .keyword::before, #autocomplete_menu.search_menu footer .modifier::before, #autocomplete_menu.search_menu footer.unified .keyword::before, #autocomplete_menu.search_menu footer.unified .modifier::before, #autocomplete_menu.search_menu.unified footer .keyword::before, #autocomplete_menu.search_menu.unified footer .modifier::before, #autocomplete_menu.search_menu.unified footer.unified .keyword::before, #autocomplete_menu.search_menu.unified footer.unified .modifier::before { background: #828282; border: 1px solid #545454; color: var(--text); } - -#autocomplete_menu.search_menu footer .selected .keyword::before, #autocomplete_menu.search_menu footer .selected .modifier::before, #autocomplete_menu.search_menu footer.unified .selected .keyword::before, #autocomplete_menu.search_menu footer.unified .selected .modifier::before, #autocomplete_menu.search_menu.unified footer .selected .keyword::before, #autocomplete_menu.search_menu.unified footer .selected .modifier::before, #autocomplete_menu.search_menu.unified footer.unified .selected .keyword::before, #autocomplete_menu.search_menu.unified footer.unified .selected .modifier::before { background: rgba(84, 84, 84, 0.25); border: #828282; } - -#autocomplete_menu.search_menu footer .modifier.incomplete::before, #autocomplete_menu.search_menu footer.unified .modifier.incomplete::before, #autocomplete_menu.search_menu.unified footer .modifier.incomplete::before, #autocomplete_menu.search_menu.unified footer.unified .modifier.incomplete::before { background: var(--background-color); border: 1px solid #000; } - -.search_light_grey { color: var(--text) !important; } - -.highlighter_underlay .keyword::before { background: #828282; border: 1px solid #545454; color: var(--text); } - -.highlighter_underlay .modifier::before { background: #828282; border: 1px solid #545454; color: var(--text); } - -.highlighter_underlay .modifier.incomplete::before { background: var(--background-color); border: 1px solid #000; } - -.highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(130, 130, 130, 0.25); border: #545454; } - -.highlighter_underlay .ghost_text { color: var(--text); } - -.pickmeup { background: #222; border: 1px solid var(--background-color); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } - -.pickmeup .pmu-instance .pmu-button { color: var(--text); } - -.pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: var(--background-color) !important; } - -.pickmeup .pmu-instance .pmu-today.pmu-selected .pmu-today-border, .pickmeup .pmu-instance .pmu-today:hover .pmu-today-border { background: #828282; color: var(--text) !important; } - -.pickmeup .pmu-instance .pmu-today-border { border: 2px solid #545454 !important; color: #828282 !important; } - -.pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover { background: #545454; color: var(--text); } - -.pickmeup .pmu-instance .pmu-not-in-month { background: #222; color: #949494; } - -.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: #545454; } - -.pickmeup .pmu-instance .pmu-disabled { background: #222; color: #949494; } - -.pickmeup .pmu-instance .pmu-disabled:hover { background: #222; color: #949494; } - -.pickmeup .pmu-instance .pmu-selected { background: #545454; color: var(--text); } - -.pickmeup .pmu-instance nav { color: #949494; } - -.pickmeup .pmu-instance nav :first-child :hover { color: #c7c7c7; } - -.pickmeup .pmu-instance .pmu-months *, .pickmeup .pmu-instance .pmu-years * { border: 1px solid var(--background-color); } - -.pickmeup .pmu-instance .pmu-day-of-week { color: var(--text); } - -.pickmeup .pmu-instance .pmu-day-of-week * { border: 1px solid var(--background-color); } - -.pickmeup .pmu-instance .pmu-days * { border: 1px solid var(--background-color); } - -#menu.date_picker .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover, #menu.date_picker .pickmeup .pmu-selected { background: #545454; } - -#menu.date_picker li.date_picker_item a { color: var(--text); } - -#menu.date_picker li.date_picker_item a:hover { color: var(--text); } - -#menu.date_picker li.date_picker_item.highlighted a { color: #949494; } - -#file_member_filter { background: #000; } - -#client-ui .member_filter { border: 1px solid #545454; } - -#client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item:hover .channel_page_member_row { background: #222; } - -#client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item:hover .member { color: var(--text); } - -#client-ui #team_list_container #team_filter .member_filter { background-color: #222; border-left: 1px solid #000; } - -#client-ui #file_member_filter { border-color: #545454; } - -#client-ui #file_member_filter .member_filter { border-color: #545454; } - -#client-ui .team_tabs_container { border-bottom: 1px solid #000; } - -#team_filter .icon_search { color: #949494; } - -#team_filter a.icon_close { color: #949494; } - -#team_filter a.icon_close:hover { color: #c7c7c7; } - -.filter_header { background-color: #222; } - -.popover_menu { background-color: #222; border-top: 1px solid #545454; } - -.popover_menu .arrow::after { background-color: #000; } - -.popover_menu .arrow_shadow::after { background-color: #222; box-shadow: 0 0 0 1px #545454, 0 0 3px rgba(0, 0, 0, 0.08); } - -.popover_menu.showing_header .arrow::after, .popover_menu.showing_header .arrow_shadow::after { background-color: #222 !important; } - -.popover_menu .content { background-color: #222; } - -.tab_complete_ui { background: #222; border: 1px solid var(--background-color); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); } - -.tab_complete_ui .tab_complete_ui_header { background: padding-box #000; border-bottom: 1px solid var(--background-color); color: var(--text); text-shadow: 0 1px rgba(0, 0, 0, 0.15); } - -.tab_complete_ui ul.type_emoji li { color: var(--text); } - -.tab_complete_ui ul.type_members .broadcast_info, .tab_complete_ui ul.type_members .realname { color: var(--text); } - -.tab_complete_ui ul.type_members .unify_broadcast { color: var(--text); } - -.tab_complete_ui ul.type_members .unify_broadcast .ts_icon_broadcast { color: #949494; } - -.tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_name { color: var(--text) !important; } - -.tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_divider { border-bottom: 0; border-top-color: var(--background-color); } - -.tab_complete_ui ul.type_cmds li.tab_complete_ui_item .cmd-left-td, .tab_complete_ui ul.type_cmds li.tab_complete_ui_item .cmd-right-td { color: #949494; } - -.tab_complete_ui ul.type_cmds .cmdname { color: var(--text); } - -.tab_complete_ui ul.type_cmds .cmddesc { color: #949494; } - -.tab_complete_ui li.tab_complete_ui_item, .tab_complete_ui li.tab_complete_ui_group { border-bottom: 1px solid var(--background-color); } - -.tab_complete_ui li.tab_complete_ui_item.active, .tab_complete_ui li.tab_complete_ui_group.active { background: #545454; border-bottom-color: var(--background-color); text-shadow: 0 1px rgba(0, 0, 0, 0.15); } - -.tab_complete_ui li.tab_complete_ui_item.active span, .tab_complete_ui li.tab_complete_ui_group.active span { color: var(--text) !important; } - -.tab_complete_ui .not_in_channel { color: #949494; } - -#team_menu { background: var(--background-color); border-bottom: 2px solid var(--background-color); color: var(--text); } - -#team_menu.active, #team_menu:hover { background: var(--background-color) !important; border-bottom-color: var(--background-color) !important; } - -#team_menu.active i, #team_menu:hover i { color: var(--text); } - -#team_menu i { color: #949494; } - -#team_menu .presence .presence_icon { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -#team_menu .team_name_caret, #team_menu .notifications_menu_btn { color: var(--text) !important; } - -#team_menu_user { color: #949494; } - -#team_menu_user_name, #team_menu_user_details { color: var(--text) !important; opacity: 0.75; } - -.slack_menu_section::before { border-top-color: #222; } - -.slack_menu_header_secondary { color: #949494; } - -.slack_menu_download { background-color: var(--background-color); } - -.slack_menu_download ts-icon { color: #949494; } - -#menu_items_scroller::-webkit-scrollbar-track { background: #222 !important; } - -#limit_meter:hover #limit_meter_message_body { color: var(--text); } - -#limit_meter_message_body { color: #949494; } - -.channel_header { background: #222; box-shadow: inset 1px 0 0 0 #222; } - -.channel_header .blue_on_hover:hover { color: var(--text); } - -#client_body:not(.onboarding)::before { background: #222; border-bottom: 1px solid var(--background-color); box-shadow: inset 1px 0 0 0 #222; } - -.messages_header { color: var(--text); } - -.channel_title .channel_name_container .channel_name { color: var(--text); } - -.channel_title .channel_name_container .channel_name.muted { color: #949494; } - -.channel_title .channel_name_container .ts_icon_shared_channel.away, .channel_title .channel_name_container .mpdm_member.away { color: #949494; } - -.channel_title .channel_name_container .muted_icon { color: #949494; } - -.channel_title .channel_name_container .muted_icon:hover { color: #bf360c; } - -#im_title.away { color: #949494; } - -.channel_header_info button { color: #949494; } - -.channel_header_icon { color: var(--text); } - -.channel_calls_button .call_icon.call_window_offline { color: #949494; } - -.channel_actions_toggle.active:focus, .details_toggle.active:focus { color: var(--text); } - -#flex_menu_toggle.active, #flex_menu_toggle.active:focus { color: var(--text); } - -#flex_menu_toggle .flex_menu_download_circle { background: #222; } - -#flex_menu_toggle .flex_menu_download_circle canvas { background: #222; } - -#flex_menu_toggle.unread #help_icon_circle_count { background-color: #bf360c; color: #fff; } - -#flex_menu_toggle.open #help_icon_circle_count { background-color: #000; color: var(--text); } - -#canvases_toggle.active, #details_toggle.active, #recent_mentions_toggle.active, #sli_recap_toggle.active, #stars_toggle.active { background: var(--background-color); color: var(--text); } - -#canvases_toggle.active:hover, #details_toggle.active:hover, #recent_mentions_toggle.active:hover, #sli_recap_toggle.active:hover, #stars_toggle.active:hover { background: #545454; color: var(--text); } - -#recent_mentions_toggle:hover { color: #bf360c; } - -#rxn_toast_div { background: #000; border: 1px solid #545454; } - -.presence { color: #949494; } - -#edit_topic_inner:not(.unable_to_post)::before { background: #222; border-color: var(--background-color); } - -#edit_topic_trigger { color: #949494; } - -.c-message_list__day_divider__label { color: #949494; } - -.c-message_list__day_divider__label__pill { background: #222; position: relative; } - -.c-message_list__day_divider__line { border-top-color: var(--background-color); } - -.day_divider, .mention_day_container_div .day_divider { background: #222; color: #949494; } - -.day_divider hr, .mention_day_container_div .day_divider hr { border-bottom: 0; border-top: 1px solid var(--background-color); } - -.day_divider .day_divider_label { background: #222; } - -.day_container .day_msgs { border-top: 1px solid var(--background-color); } - -.day_container.unread_day_container .day_msgs { border-color: #828282; } - -.day_container .day_divider { background: none; color: #949494; } - -.day_container .day_divider .day_divider_label { background: #222; } - -.search_form { border-color: #545454; } - -.search_form .search_input { background: transparent; } - -.search_form:hover { border-color: #828282; } - -.search_focused .search_form { border-color: #828282; } - -.search_clear_icon .ts_icon_times_circle { color: #949494; } - -#search_spinner { color: var(--text); } - -#search_container .search_input { background: transparent; } - -#search_container .icon_search { color: #949494; } - -#search_container .icon_close { color: #949494; } - -#team_filter .icon_search, #team_filter .ts_icon_spinner, #user_group_filter .icon_search, #user_group_filter .ts_icon_spinner, .searchable_member_list_search_bar .icon_search, .searchable_member_list_search_bar .ts_icon_spinner { color: #949494; } - -#team_filter a.icon_close, #user_group_filter a.icon_close, .searchable_member_list_search_bar a.icon_close { color: #949494; } - -#team_filter a.icon_close:hover, #user_group_filter a.icon_close:hover, .searchable_member_list_search_bar a.icon_close:hover { color: #c7c7c7; } - -#msgs_overlay_div { background: #222; } - -#col_messages { box-shadow: inset 1px 0 0 0 #222; } - -.c-mrkdwn__broadcast--mention, .c-mrkdwn__broadcast--mention:hover, .c-mrkdwn__highlight, .c-mrkdwn__mention, .c-mrkdwn__mention:hover, .c-mrkdwn__subteam--mention, .c-mrkdwn__subteam--mention:hover, .mention_yellow_bg { color: #949494 !important; } - -.c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #949494; } - -.c-message--hover .c-message__broadcast_preamble_outer .c-message--focus .c-message__broadcast_preamble_outer, .c-message--hover .c-message__broadcast_preamble_outer .c-message--focus .c-message__broadcast_preamble, .c-message--hover .c-message__broadcast_preamble .c-message--focus .c-message__broadcast_preamble_outer, .c-message--hover .c-message__broadcast_preamble .c-message--focus .c-message__broadcast_preamble { color: #949494; } - -.c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--focus:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight) { background: rgba(0, 0, 0, 0.1); } - -.c-message:hover .c-message__body--automated, .c-message--hover .c-message__body--automated .c-message--focus .c-message__body--automated { color: #949494; } - -.c-message:hover .c-message__file_meta, .c-message--hover .c-message__file_meta .c-message--focus .c-message__file_meta { color: #949494; } - -.c-message--focus:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight) { background: rgba(0, 0, 0, 0.1); } - -.c-message--pinned, .c-message--sli_highlight:not(.c-message--sli_highlight_negative), .c-message--starred { background: rgba(0, 0, 0, 0.2); } - -.c-message--custom_response { background: rgba(0, 0, 0, 0.15); } - -.c-message--sli_highlight_negative, .c-message--ephemeral { background: rgba(0, 0, 0, 0.1); } - -.c-message--pinned .c-message__label__icon { color: #bf360c; } - -.c-message--custom_response .c-message__label__icon, .c-message--sli_highlight .c-message__label__icon { color: var(--text); } - -.c-message--sli_highlight .c-message__label .c-mrkdwn__member--link, .c-message--sli_highlight .c-message__label .c-mrkdwn__channel.internal_channel_link { color: #949494; } - -.c-message--sli_highlight_negative .c-message__label { background: rgba(0, 0, 0, 0.1); } - -.c-message--resend .c-message__body { color: #949494; } - -.c-message--deleting { background: rgba(191, 54, 12, 0.6); } - -.c-message--standalone { border-color: rgba(84, 84, 84, 0.1); } - -.c-message--unprocessed .c-message__body { animation: to-grey 50ms linear 10s forwards; } - -.c-message__broadcast_preamble_outer, .c-message__broadcast_preamble { color: #949494; } - -.c-message__sender { color: var(--text); } - -.c-message__sender a { color: var(--text); } - -.c-message__sender .c-emoji__text_mode_icon { color: #949494; } - -.c-message__body { color: var(--text); } - -.c-message__body--unknown { background: rgba(84, 84, 84, 0.1); } - -.c-message__body--automated { color: #949494; } - -.c-message__body--tombstone { color: #949494; } - -.c-message__label { color: #949494; } - -.c-message__label__highlight_title { color: var(--text); } - -.c-message__label__highlight_positive, .c-message__label__highlight_negative { color: #949494; } - -.c-message__label__highlight_positive--active, .c-message__label__highlight_negative--active { color: var(--text); } - -.c-message__resend_controls { color: #949494; } - -.c-message__resend_column { background-color: rgba(84, 84, 84, 0.1); } - -.c-message__resend, .c-message__cancel { color: var(--text); } - -.c-message__edited_label { color: #949494; } - -.c-message__tombstone_icon { background: rgba(84, 84, 84, 0.1); color: #949494; } - -.c-message__bot_label { background: rgba(84, 84, 84, 0.1); color: #949494; } - -.c-message__comment:before { color: #949494; } - -.c-message__call_attachment { background: #222; border-color: rgba(84, 84, 84, 0.1); } - -.c-message__call_icon { color: var(--text); } - -.c-message__call--ended .c-message__call_icon { color: #949494; } - -.c-message__call_info { color: var(--text); } - -.c-message__call_name--linked { color: var(--text); } - -.c-message__call_name + .c-message__call_description::before { color: #949494; } - -.c-message__call_sub { color: #949494; } - -.c-message_actions__container { background: #222; border-color: var(--background-color); } - -.c-message_actions__container:hover { border-color: #545454; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } - -.c-message_actions__button { border-right-color: var(--background-color); color: #949494; } - -.c-message_actions__button:hover { color: var(--text); } - -.c-message_actions__button:active { background: var(--background-color); } - -.c-message_group { background-color: #222; border-color: var(--background-color); } - -.c-message_group:hover .c-message_group__header { color: #949494; } - -.c-message_group__header { color: var(--text); } - -.c-message_group__divider_text { background-color: #222; color: var(--text); } - -.c-message_list__unread_divider__separator { border-color: #545454; } - -.c-message_list__unread_divider__label { background: #222; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); color: #545454; } - -.c-message_list__spinner { color: #949494; } - -.c-message_list .c-scrollbar__bar { background: #424242; } - -.c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8); } - -ts-message { color: var(--text); } - -ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply) { background: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 0 0 #222; } - -ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned) { background: rgba(0, 0, 0, 0.2); } - -ts-message.active .edited, ts-message.active .reply_bar .last_reply_at, ts-message.active .timestamp, ts-message.active.automated .message_body, ts-message.message--focus .edited, ts-message.message--focus .reply_bar .last_reply_at, ts-message.message--focus .timestamp, ts-message.message--focus.automated .message_body, ts-message:hover .edited, ts-message:hover .reply_bar .last_reply_at, ts-message:hover .timestamp, ts-message:hover.automated .message_body { color: #949494; } - -ts-message.active .meta, ts-message.message--focus .meta, ts-message:hover .meta { color: #949494 !important; } - -ts-message.active .meta.msg_inline_file_preview_toggler a, ts-message.message--focus .meta.msg_inline_file_preview_toggler a, ts-message:hover .meta.msg_inline_file_preview_toggler a { color: #949494 !important; } - -ts-message.is_pinned { background: rgba(0, 0, 0, 0.15); } - -ts-message .timestamp { color: #949494; } - -ts-message .temp_msg_controls { color: #949494; } - -ts-message .edited { color: rgba(148, 148, 148, 0.8); } - -ts-message:hover .edited { color: #949494; } - -ts-message .only_visible_to_user { color: #949494; } - -ts-message.ephemeral { color: var(--text); } - -ts-message .bot_label { background: #000; color: #949494; } - -ts-message .in_reply_to { background: #000; color: #949494; } - -ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) { border: 1px solid var(--background-color); } - -ts-message.unprocessed { color: rgba(230, 230, 230, 0.75); } - -ts-message.highlight { background: rgba(191, 54, 12, 0.4); } - -ts-message.highlight:hover { background: rgba(191, 54, 12, 0.4); } - -ts-message .is_highlights_holder { color: #949494; } - -ts-message .is_highlights_holder ts-icon { color: #949494; } - -ts-message .is_highlights_holder .highlights_feedback_link { color: #949494; } - -ts-message .is_highlights_holder .highlights_feedback a:not(.highlights_feedback_link) { color: var(--text); } - -ts-message .recap_highlight { background: rgba(191, 54, 12, 0.4); } - -ts-message .recap_highlight a { color: var(--text); } - -ts-message.delete_mode, ts-message.multi_delete_mode { background: rgba(191, 54, 12, 0.75); } - -ts-message.automated .message_body { color: rgba(230, 230, 230, 0.8); } - -ts-message .action_hover_container { border: 1px solid var(--background-color); } - -ts-message .action_hover_container:hover { border-color: #545454; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } - -ts-message .action_hover_container:hover a { background: var(--background-color); border-right: 1px solid #545454; } - -ts-message .action_hover_container .btn_msg_action { background: #222; border-right: 1px solid var(--background-color); color: #949494; } - -ts-message .action_hover_container .btn_msg_action:hover { color: var(--text); } - -ts-message .action_hover_container .btn_msg_action.active, ts-message .action_hover_container .btn_msg_action:active { background: var(--background-color); color: var(--text); } - -ts-message.selected { background: #222; } - -ts-message.selected:not(.delete_mode) { background: #222; } - -ts-message.selected:hover { background: rgba(0, 0, 0, 0.15); } - -ts-message .meta { color: #949494; } - -ts-message .meta.msg_inline_img_toggler .member, ts-message .meta.msg_inline_img_toggler .service_link, ts-message .meta.msg_inline_file_preview_toggler .member, ts-message .meta.msg_inline_file_preview_toggler .service_link { color: #949494 !important; } - -ts-message .meta.msg_inline_img_toggler .msg_inline_media_toggler, ts-message .meta.msg_inline_img_toggler .ts_icon_dropbox, ts-message .meta.msg_inline_img_toggler a, ts-message .meta.msg_inline_file_preview_toggler .msg_inline_media_toggler, ts-message .meta.msg_inline_file_preview_toggler .ts_icon_dropbox, ts-message .meta.msg_inline_file_preview_toggler a { color: #949494 !important; } - -ts-message .pinned_item_message_header { color: #949494; } - -ts-message .mention { background: #828282 !important; color: var(--text) !important; } - -ts-message .internal_member_link { background: #222 !important; border: 0; color: #949494 !important; } - -ts-message .internal_member_link:hover { color: #c7c7c7 !important; } - -ts-message.show_recap:not(.is_pinned) { background: rgba(0, 0, 0, 0.15); } - -ts-message.show_recap:not(.is_pinned):hover { background: rgba(0, 0, 0, 0.15); } - -.ephemeral.message .message_content { color: var(--text); } - -ts-mention { background: rgba(130, 130, 130, 0.1) !important; color: var(--text) !important; } - -.selecting_messages ts-message:hover { background: #000; } - -.selecting_messages ts-message.multi_delete_mode:hover { background: rgba(191, 54, 12, 0.75); } - -#convo_container { background-color: #222; } - -#convo_container #message_edit_container { border-bottom: 1px solid #545454; border-top: 1px solid #545454; } - -#convo_container ts-conversation::after { background: rgba(0, 0, 0, 0.08); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.08))); background: -moz-linear-gradient(center bottom, transparent 0, rgba(0, 0, 0, 0.08) 100%); } - -#convo_container ts-conversation::before { background: transparent; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.08)), color-stop(1, transparent)); background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.08) 0, transparent 100%); } - -#convo_container ts-conversation ts-message.selected { background: #222; } - -#convo_container ts-conversation ts-relatives::after { background: #545454; } - -#convo_container ts-conversation ts-relatives ts-message.deleted .message_icon i { background-color: #545454; color: #949494; } - -#convo_container ts-conversation ts-relatives ts-message.deleted .message_content { color: var(--text); } - -#convo_container ts-conversation ts-relatives ts-message:not(.selected):not(.highlight):not(.delete_mode) { background-color: #222; } - -#convo_container ts-conversation ts-relatives ts-message:not(.selected):not(.highlight):not(.delete_mode).new { background-color: #2f2f2f; } - -#msgs_div .unread_divider hr { border-top: 1px solid #545454; } - -#msgs_div .unread_divider .divider_label { background: #222; color: #545454; } - -#msgs_div .unread_divider.no_unreads hr { border-top-color: var(--background-color); } - -#msgs_div .unread_divider.no_unreads .divider_label { color: #949494; } - -.channel_archive_messages.card .col:first-child { border-right: 1px solid #545454; } - -.star { color: #949494; } - -.star_item { border-bottom: 1px solid #000; } - -.star_item .star_meta { color: #949494; } - -.bot_message .message_sender { color: var(--text); } - -.bot_message .message_sender a { color: var(--text); } - -.color_USLACKBOT:not(.nuc), #col_channels ul li:not(.active):not(.away) > .color_USLACKBOT:not(.nuc), #col_channels:not(.show_presence) ul li > .color_USLACKBOT:not(.nuc) { color: var(--text); } - -#msgs_scroller_div #end_display_div #end_display_status { color: #949494; } - -#msgs_scroller_div #end_display_div #end_display_meta { color: #949494; } - -#msgs_scroller_div #end_display_div #end_display_meta h1 { color: var(--text); } - -#msgs_scroller_div #end_display_div p { color: var(--text); } - -.member_mentions_options { background-color: #000; border-top: 1px solid var(--background-color); } - -.dm_badge .dm_badge_meta { color: var(--text); } - -.dm_badge a { color: #949494; } - -.dm_badge a.member_preview_link { color: #949494; } - -.dm_badge .dm_badge:hover a { color: #949494; } - -.dm_badge .hint { color: #949494; } - -#toggle-subscription-status .subscription_desc { color: #949494; } - -.bot_label { background: #000; color: #949494; } - -@keyframes to-grey { 0% { color: inherit; } - 100% { color: #949494; } } - -@keyframes fade-background-highlight { 0% { background: #545454; } - 100% { background: transparent; } } - -@keyframes border_focus_animation { 0% { box-shadow: 0 0 4px 0.25px #545454, 0 0 0 0.5px #828282; } - 100% { box-shadow: 0 0 4px 0 #545454, 0 0 0 0 #828282; } } - -.c-message_attachment { color: var(--text); } - -.c-message_attachment__border { background-color: #545454; } - -.c-message_attachment__delete { color: #949494; } - -.c-message_attachment__delete:hover { color: #c7c7c7; } - -.c-message_attachment__pretext { color: var(--text); } - -.c-message_attachment__part + .c-message_attachment__part::before { color: #545454; } - -.c-message_attachment__author .c-message_attachment__autor--distinct { color: #949494; } - -.c-message_attachment__author_link + .c-message_attachment__author_link { color: #949494; } - -.c-message_attachment__title_link span { color: var(--text); } - -.c-message_attachment__text_expander { color: #949494; } - -.c-message_attachment__footer { color: #949494; } - -.c-message_attachment__image, .c-message_attachment__thumb, .c-message_attachment__video_thumb { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } - -.c-message_attachment__video_html { background-color: rgba(34, 34, 34, 0.4); } - -.c-message_attachment__video_buttons { background: rgba(0, 0, 0, 0.4); } - -.c-message_attachment__video_link:visited, .c-message_attachment__video_link:link { color: var(--text); } - -.c-message_attachment__video_play, .c-message_attachment__video_link { color: var(--text); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } - -.c-message_attachment__video_play:hover, .c-message_attachment__video_link:hover { color: var(--text); } - -.c-message_attachment__media_trigger .c-expandable_trigger { color: #949494; } - -.c-message_attachment__media_trigger--too_large { color: #949494; } - -.c-message_attachment__select { border-color: #000; } - -.c-message_attachment__select:hover, .c-message_attachment__select:active { border-color: #545454; } - -.c-message__reply_bar:hover, .c-message__reply_bar--focus { background-color: #222; border-color: #000; } - -.c-message__reply_bar:hover .c-message__reply_bar_arrow, .c-message__reply_bar--focus .c-message__reply_bar_arrow { color: #949494; } - -.c-message__reply_bar:hover .c-message__reply_bar_view_thread, .c-message__reply_bar--focus .c-message__reply_bar_view_thread { background-color: #545454; } - -.c-message__reply_bar_description { color: #949494; } - -.c-message__file_meta { color: #949494; } - -.c-message__image_container { background: rgba(0, 0, 0, 0.1); } - -.c-message__image_wrapper:after { border-color: transparent; } - -.attachment_group.has_container { background: #222; border: 1px solid var(--background-color); } - -.attachment_group.has_container .inline_attachment::after { background-color: var(--background-color); } - -.attachment_group.has_container.has_link:hover { border-bottom-color: var(--background-color); border-left-color: var(--background-color); border-right-color: var(--background-color); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.attachment_group .media_caret { color: #949494; } - -.attachment_group .attachment_source span { color: #949494 !important; } - -.attachment_group .attachment_source .attachment_source_name + .attachment_author_name::before { color: #949494; } - -.attachment_group .inline_attachment.reply_broadcast + .attachment_rule { color: #949494; } - -.attachment_group .inline_attachment.reply_broadcast + .attachment_rule::after { border-bottom: 1px solid var(--background-color); } - -.attachment_group .inline_attachment.message_unfurl .attachment_source .attachment_source_name a, .attachment_group .inline_attachment.message_unfurl .attachment_source .attachment_source_name span { color: #949494; } - -.attachment_group .attachment_title a { color: var(--text); } - -.attachment_group .attachment_footer_text + .attachment_ts::before { color: #949494; } - -.attachment_group .delete_attachment_link ts-icon::before { color: #949494; } - -.attachment_group .delete_attachment_link:hover ts-icon::before { color: #c7c7c7; } - -.attachment_still_pending ts-inline-saver { color: #949494; } - -.msg_inline_attachment_column.column_border { background-color: #545454; } - -.msg_inline_img_holder .msg_inline_img { box-shadow: inset 0 0 0 1px #000; } - -.msg_inline_attachment_collapser, .msg_inline_attachment_expander, .msg_inline_img_collapser, .msg_inline_img_expander, .msg_inline_media_toggler, .msg_inline_room_preview_collapser, .msg_inline_room_preview_expander { color: #949494; } - -.msg_inline_attachment_collapser:hover, .msg_inline_attachment_expander:hover, .msg_inline_img_collapser:hover, .msg_inline_img_expander:hover, .msg_inline_media_toggler:hover, .msg_inline_room_preview_collapser:hover, .msg_inline_room_preview_expander:hover { color: #c7c7c7; } - -.msg_inline_img { background: #545454; } - -.msg_inline_room_preview_collapser { color: #949494; } - -.msg_inline_room_preview_collapser:hover { color: #949494; } - -.inline_attachment span.attachment_author_name { color: #949494; } - -.inline_attachment span.attachment_author_subname, .inline_attachment span.attachment_service_name { color: #949494; } - -.inline_attachment a span:active, .inline_attachment a span:hover { color: #c7c7c7 !important; } - -.inline_attachment .attachment_footer, .inline_attachment .attachment_ts { color: #949494; } - -.inline_attachment .attachment_footer a, .inline_attachment .attachment_ts a { color: #949494; } - -.inline_attachment .attachment_footer a:active, .inline_attachment .attachment_footer a:hover { color: #c7c7c7 !important; } - -.inline_attachment .attachment_ts a:active, .inline_attachment .attachment_ts a:hover { color: #c7c7c7 !important; } - -.inline_attachment .iframe_placeholder, .inline_attachment iframe { background-color: #000; } - -.meta.msg_inline_file_preview_toggler, .meta.msg_inline_img_toggler, .dense_meta.msg_inline_file_preview_toggler, .dense_meta.msg_inline_img_toggler { color: #949494 !important; } - -.meta.msg_inline_file_preview_toggler a[data-file-id], .meta.msg_inline_img_toggler a[data-file-id], .dense_meta.msg_inline_file_preview_toggler a[data-file-id], .dense_meta.msg_inline_img_toggler a[data-file-id] { color: #949494 !important; } - -.meta.msg_inline_file_preview_toggler:hover, .meta.msg_inline_img_toggler:hover, .dense_meta.msg_inline_file_preview_toggler:hover, .dense_meta.msg_inline_img_toggler:hover { color: #c7c7c7 !important; } - -.meta.msg_inline_file_preview_toggler:hover a[data-file-id], .meta.msg_inline_img_toggler:hover a[data-file-id], .dense_meta.msg_inline_file_preview_toggler:hover a[data-file-id], .dense_meta.msg_inline_img_toggler:hover a[data-file-id] { color: #c7c7c7 !important; } - -.meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .meta.msg_inline_img_toggler .msg_inline_file_preview_title, .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title { color: var(--text); } - -.meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover, .meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover, .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover, .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover { color: #949494; } - -.meta.msg_inline_file_preview_toggler .ts_icon.msg_inline_media_toggler:hover, .meta.msg_inline_img_toggler .ts_icon.msg_inline_media_toggler:hover, .dense_meta.msg_inline_file_preview_toggler .ts_icon.msg_inline_media_toggler:hover, .dense_meta.msg_inline_img_toggler .ts_icon.msg_inline_media_toggler:hover { color: #c7c7c7 !important; } - -.meta.meta_feature_fix_files .file_new_window_link:hover, .dense_meta.meta_feature_fix_files .file_new_window_link:hover { color: #c7c7c7 !important; } - -.meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon, .dense_meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon { color: #c7c7c7 !important; } - -.meta.meta_feature_fix_files .member, .dense_meta.meta_feature_fix_files .member { color: #949494 !important; } - -.delete_attachment_link { color: #949494; } - -.delete_attachment_link:hover { color: #c7c7c7; } - -.file_container, .c-file_container { background: #000; border: 1px solid var(--background-color); color: var(--text); } - -.file_container:hover, .file_container:focus, .file_container.file_menu_open, .c-file_container:hover, .c-file_container:focus, .c-file_container.file_menu_open { border-bottom-color: var(--background-color); border-left-color: var(--background-color); border-right-color: var(--background-color); } - -.file_container::after, .file_container.post_container::after, .c-file_container::after, .c-file_container.post_container::after { background-image: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%); background-image: -moz-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%); background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%); background-image: linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%); } - -.file_container.generic_container .file_header_icon .ts_icon, .c-file_container.generic_container .file_header_icon .ts_icon { background: #222; box-shadow: 0 0 0 3px #222; color: var(--text); } - -.file_container.generic_container .file_header_icon .ts_icon.snippet, .c-file_container.generic_container .file_header_icon .ts_icon.snippet { background: var(--background-color); } - -.file_container.generic_container .file_header_meta .meta_hover, .c-file_container.generic_container .file_header_meta .meta_hover { background: #000; color: var(--text); } - -.file_container .file_header .file_header_meta, .c-file_container .file_header .file_header_meta { color: #949494; } - -.file_container .file_header + .file_body, .c-file_container .file_header + .file_body { border-top: 1px solid #000; } - -.file_container .preview_actions .btn, .c-file_container .preview_actions .btn { background-color: var(--background-color); color: var(--text) !important; } - -.file_container .preview_actions .btn::after, .c-file_container .preview_actions .btn::after { border-color: #000; } - -.file_container .preview_actions .btn.preview_show_less_header, .c-file_container .preview_actions .btn.preview_show_less_header { background-color: rgba(130, 130, 130, 0.9); color: var(--text) !important; } - -.file_container .preview_actions .btn.preview_show_less_header::after, .c-file_container .preview_actions .btn.preview_show_less_header::after { border: 2px solid #000; } - -.file_container .preview_actions .btn.preview_show_less_header:focus, .file_container .preview_actions .btn.preview_show_less_header:hover, .c-file_container .preview_actions .btn.preview_show_less_header:focus, .c-file_container .preview_actions .btn.preview_show_less_header:hover { background-color: var(--background-color); } - -.file_container .preview_actions .btn.preview_show_less_header:focus::after, .file_container .preview_actions .btn.preview_show_less_header:hover::after, .c-file_container .preview_actions .btn.preview_show_less_header:focus::after, .c-file_container .preview_actions .btn.preview_show_less_header:hover::after { border-color: var(--background-color); } - -.file_container.image_container .image_body, .c-file_container.image_container .image_body { background-color: #222; } - -.file_container.image_container .preview_actions .btn, .c-file_container.image_container .preview_actions .btn { background-color: rgba(130, 130, 130, 0.9); } - -.file_container.image_container .preview_actions .btn:focus, .file_container.image_container .preview_actions .btn:hover, .c-file_container.image_container .preview_actions .btn:focus, .c-file_container.image_container .preview_actions .btn:hover { background-color: var(--background-color); } - -.file_container.image_container .preview_actions.overflow_preview_actions, .c-file_container.image_container .preview_actions.overflow_preview_actions { background: rgba(130, 130, 130, 0.9); border: 1px solid rgba(0, 0, 0, 0.1); } - -.file_container .preview_show .preview_show_btn, .c-file_container .preview_show .preview_show_btn { background: linear-gradient(rgba(84, 84, 84, 0.8), rgba(84, 84, 84, 0.8)), linear-gradient(rgba(130, 130, 130, 0.3), rgba(130, 130, 130, 0.3)); color: var(--text); } - -.file_container.file_menu_open .preview_show_less .preview_show_btn, .file_container:focus .preview_show_less .preview_show_btn, .file_container:hover .preview_show_less .preview_show_btn, .c-file_container.file_menu_open .preview_show_less .preview_show_btn, .c-file_container:focus .preview_show_less .preview_show_btn, .c-file_container:hover .preview_show_less .preview_show_btn { background: rgba(84, 84, 84, 0.8); color: var(--text); } - -.file_container .c-file__title, .c-file_container .c-file__title { color: var(--text); } - -.message--focus .file_container .preview_show.preview_show_less .preview_show_btn { background: #545454; color: var(--text); } - -.msg_inline_video_buttons_div { background-color: rgba(34, 34, 34, 0.4); } - -.msg_inline_video_buttons_div a { color: var(--text); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } - -.msg_inline_video_buttons_div a:visited { color: var(--text); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } - -.post_body ul.checklist { background-color: var(--background-color); } - -.post_body ul.checklist li::before { background: var(--background-color); } - -.post_body ul.checklist li.checked { color: #949494; } - -.post_body ul.list.checklist li { border-bottom: 1px solid #545454; } - -.post_body ul.list.checklist li.checked { color: #949494; } - -.post_body .message { background-color: var(--text); } - -.post_body code, .post_body pre { background: var(--background-color); } - -ts-message .reply_bar .reply_bar_caret, ts-message .reply_bar .view_conv_hover, ts-message .reply_bar .last_reply_at { color: #949494; } - -ts-message .reply_bar:hover { background: #222; border-color: #000; } - -.inline_color_block { border-color: #545454; } - -.p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider { background: #222; } - -.p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider::before { background: #222; border-bottom: 1px solid #222; } - -.p-message_pane .p-message_pane__top_banners:not(:empty) + div .c-message_list:not(.c-virtual_list--scrollbar):before, .p-message_pane .p-message_pane__top_banners:not(:empty) + div .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider:before { box-shadow: 0 32px #222; } - -.p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: var(--text); } - -.p-message_pane__limited_history_foreword { background: var(--background-color); background-image: none; color: var(--text); } - -.p-message_pane__unread_banner__banner { background: #545454; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } - -.messages_banner { color: var(--text); text-shadow: 0 1px rgba(0, 0, 0, 0.15); } - -.messages_banner a { color: var(--text); } - -.messages_banner a:hover { color: var(--text); } - -#connection_div { background: #bf360c; } - -#archives_return { background: padding-box #828282; color: var(--text); } - -#archives_return.warning { background: #bf360c; } - -#archives_return a { color: var(--text); } - -#archives_return a:hover { color: rgba(230, 230, 230, 0.8); } - -#messages_unread_status { background: #545454; } - -#messages_unread_status:hover { background: #828282; } - -#messages_unread_status:hover .clear_unread_messages { background: #828282; } - -#messages_unread_status:hover .clear_unread_messages:hover { background: #545454; } - -#messages_unread_status.quiet { background: #828282; color: var(--text); text-shadow: 0 1px rgba(0, 0, 0, 0.15); } - -#messages_unread_status.quiet a { color: var(--text); } - -.clear_unread_messages { border-left: 1px solid rgba(0, 0, 0, 0.15); } - -#messages_container.has_top_messages_banner::before { background: none; } - -.end_div_msg_lim { background-color: var(--background-color); background-image: none; } - -#archives_end_div_msg_lim h1, #end_display_msg_lim h1 { color: var(--text); } - -#archives_end_div_msg_lim h2, #end_display_msg_lim h2 { color: rgba(230, 230, 230, 0.8); } - -code { background-color: #000; border: 1px solid var(--background-color); color: var(--text); } - -.file_list_item.snippet .snippet_preview { background: #000; } - -.snippet_preview, .snippet_body { background: #000; } - -.snippet_preview pre, .snippet_body pre { color: var(--text) !important; } - -.file_container .CodeMirror .CodeMirror-code > div::before, .file_container .CodeMirror .sssh-line::before, .file_container .sssh-code .CodeMirror-code > div::before, .file_container .sssh-code .sssh-line::before, .c-file_container .CodeMirror .CodeMirror-code > div::before, .c-file_container .CodeMirror .sssh-line::before, .c-file_container .sssh-code .CodeMirror-code > div::before, .c-file_container .sssh-code .sssh-line::before { background-color: var(--background-color); border-right: 1px solid var(--background-color); color: #949494; } - -.c-snippet .c-file_container { background-color: #222; } - -.c-snippet .c-file_container.c-file_container--gradient::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0), #222); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } - -.CodeMirror { background: #000; border: 1px solid var(--background-color); color: var(--text) !important; } - -.CodeMirror pre { background: transparent !important; } - -.CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--text); } - -.CodeMirror.cm-fat-cursor div.CodeMirror-cursor { background: var(--text); } - -.CodeMirror .CodeMirror-gutters { background-color: var(--background-color); border-right: 1px solid #222; } - -.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: var(--background-color); } - -.CodeMirror-linenumber { color: #949494 !important; } - -.CodeMirror-guttermarker { color: #949494; } - -.CodeMirror-guttermarker-subtle { color: #949494; } - -.CodeMirror-ruler { border-left: 1px solid #828282; } - -.cm-s-default .cm-keyword { color: #ce93d8; } - -.cm-s-default .cm-atom { color: #9fa8da; } - -.cm-s-default .cm-number { color: #a5d6a7; } - -.cm-s-default .cm-def { color: #536dfe; } - -.cm-s-default .cm-variable-2 { color: #9fa8da; } - -.cm-s-default .cm-variable-3 { color: #c5e1a5; } - -.cm-s-default .cm-comment { color: #ffcc80; } - -.cm-s-default .cm-string { color: #ef9a9a; } - -.cm-s-default .cm-string-2 { color: #ffab91; } - -.cm-s-default .cm-meta { color: #eee; } - -.cm-s-default .cm-qualifier { color: #eee; } - -.cm-s-default .cm-builtin { color: #b39ddb; } - -.cm-s-default .cm-bracket { color: #e6ee9c; } - -.cm-s-default .cm-tag { color: #a5d6a7; } - -.cm-s-default .cm-attribute { color: #40c4ff; } - -.cm-s-default .cm-header { color: #80cbc4; } - -.cm-s-default .cm-quote { color: #b0bec5; } - -.cm-s-default .cm-hr { color: var(--background-color); } - -.cm-s-default .cm-link { color: #949494; } - -.cm-negative { color: #bf360c; } - -.cm-positive { color: #0cbf72; } - -.cm-invalidchar, .cm-s-default .cm-error { color: #bf360c; } - -div.CodeMirror span.CodeMirror-matchingbracket { color: #0cbf72; } - -div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #bf360c; } - -.CodeMirror-matchingtag { background: #000; } - -.CodeMirror-activeline-background { background: #828282; } - -.CodeMirror-selected { background: #828282; } - -.CodeMirror-focused .CodeMirror-selected { background: #828282; } - -.cm-searching { background: #828282; } - -.sssh-keyword { color: #ce93d8; } - -.sssh-atom { color: #9fa8da; } - -.sssh-number { color: #a5d6a7; } - -.sssh-def { color: #536dfe; } - -.sssh-variable { color: #9fa8da; } - -.sssh-variable-2 { color: #c5e1a5; } - -.sssh-variable-3 { color: #c1a5e1; } - -.sssh-operator { color: var(--text); } - -.sssh-property { color: var(--text); } - -.sssh-comment { color: #ffcc80; } - -.sssh-string { color: #ef9a9a; } - -.sssh-string-2 { color: #ffab91; } - -.sssh-meta { color: #eee; } - -.sssh-error { color: #bf360c; } - -.sssh-qualifier { color: #eee; } - -.sssh-builtin { color: #b39ddb; } - -.sssh-bracket { color: #e6ee9c; } - -.sssh-tag { color: #a5d6a7; } - -.sssh-attribute { color: #40c4ff; } - -.sssh-header { color: #80cbc4; } - -.sssh-quote { color: #b0bec5; } - -.sssh-hr { color: var(--background-color); } - -.sssh-link { color: #949494; } - -.c-message--dense .c-timestamp__label { color: #949494; } - -.c-message--dense .c-message__content_header .c-custom_status { border-color: var(--background-color); } - -.dense_theme ts-message { color: var(--text); } - -.dense_theme ts-message.first .message_gutter .timestamp, .dense_theme ts-message.selected .message_gutter .timestamp { color: #949494; } - -.dense_theme ts-message .message_content .message_current_status { border-color: var(--background-color); } - -.c-message--light .c-message__sender .c-message__sender_link { color: var(--text); } - -.light_theme ts-message { color: var(--text); } - -.light_theme ts-message .message_content .message_sender, .light_theme ts-message .message_content .meta .message_sender:hover { color: var(--text) !important; } - -.light_theme ts-message .comment::before { color: #949494; } - -.channel_overlay { border-color: var(--background-color); color: #949494; } - -.channel_overlay.channel_overlay_redesign .channel_overlay_title { color: var(--text); } - -.channel_overlay.channel_overlay_redesign li { color: #949494; } - -.channel_overlay_title_wrap { border-color: var(--background-color); } - -.channel_overlay_title_shared { color: var(--text); } - -pre { background: #000; border: 1px solid var(--background-color); color: var(--text); } - -pre span.mention { padding: 2px 0 !important; } - -#page pre, body > pre { background: #000; color: var(--text) !important; } - -body > pre { background: #828282; } - -.special_formatting_quote .quote_bar { background-color: #545454; } - -#threads_msgs_scroller_div { background: #222; } - -#threads_msgs_scroller_div:not(.loading)::before { background: #222; } - -#threads_msgs_scroller_div.loading::before { color: #949494; } - -#threads_msgs_scroller_div .threads_caught_up_divider .divider_line { border-top: 1px solid var(--background-color); } - -#threads_msgs_scroller_div .threads_caught_up_divider .divider_label { background: #545454; color: var(--text); } - -#threads_msgs_scroller_div.loading { background: none; } - -#threads_msgs_scroller_div.loading::before { color: var(--text); } - -#threads_view_banner.messages_banner { background: var(--background-color); } - -#threads_view_banner.messages_banner:hover { background: #545454; } - -#threads_view_banner.messages_banner:hover .clear_unread_messages { background: #545454; } - -#threads_msgs.new_banner_is_showing::before { background: #222; } - -ts-thread { background: #222; } - -ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: var(--background-color); color: var(--text); } - -ts-thread .reply_input_container .collapsed_input_placeholder, ts-thread .reply_input_container .join_channel_from_thread_container, ts-thread .reply_input_container .reply_limited_in_general { background: var(--background-color); border-color: var(--background-color); } - -ts-thread .thread_messages { background: var(--background-color); border-color: var(--background-color); } - -ts-thread ts-message.new_reply { background: #222; } - -ts-thread ts-message.new_reply:hover { background: var(--background-color); } - -ts-thread .thread_header .thread_channel_name a { color: var(--text); } - -ts-thread .thread_header .thread_action_btns button { color: #949494; } - -ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } - -#convo_tab .thread_participants, ts-thread .thread_participants { color: #949494; } - -#convo_loading_indicator { background-image: none; } - -.reply_input_container .inline_message_input_container .ql-container { background-color: #545454; border: 1px solid var(--background-color); } - -.reply_input_container .inline_message_input_container .ql-container .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); } - -.reply_input_container .inline_message_input_container .ql-container .ql-editor::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.25); } - -.reply_input_container .inline_message_input_container .ql-container.focus { border-color: rgba(0, 0, 0, 0.15); } - -.reply_input_container .inline_message_input_container .ql-container.focus ~ .emo_menu { color: var(--text); } - -.reply_input_container .inline_message_input_container .ql-container ~ .emo_menu { color: #949494; } - -#file_reply_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, #reply_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, .reply_input_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container { color: #949494; } - -#unread_msgs_scroller_div::after { background: transparent; } - -#unread_msgs_scroller_div.loading { background-image: none; } - -#unread_msgs_scroller_div.loading::before { color: #949494; } - -#unread_msgs_div .day_divider .day_divider_line { border-top-color: var(--background-color); } - -.unread_group.marked_as_read .unread_group_header { background: #222; } - -.unread_group .unread_group_header { background: var(--background-color); border-top-color: #545454; color: var(--text); } - -.unread_group .unread_group_header .unread_group_collapse_toggle:hover ts-icon { color: var(--text); } - -.unread_group .unread_group_header .unread_group_collapse_caret .ts_icon_caret_down { color: #949494; } - -.unread_group .unread_group_header .unread_group_mark, .unread_group .unread_group_header .unread_keyboard { background: #222; } - -.unread_group.active .unread_group_header { background: #000; border-top-color: #545454; color: var(--text); } - -.collapsed .unread_group_header .ts_icon_caret_right, .collapsing .unread_group_header .ts_icon_caret_right { color: #949494; } - -.mark_as_read_checkmark { color: #949494; } - -.bottom_mark_all_read { border-top-color: var(--background-color); } - -.unread_group_header_name a { color: var(--text); } - -.unread_group_footer .unread_group_new .unread_group_new_text { color: #949494; } - -.unread_group_footer .unread_group_new:hover .unread_group_new_text { color: #949494; } - -.unread_empty_state_message { color: #949494; } - -.unread_empty_state_undo_inner { background: #000; color: var(--text); } - -.unread_empty_state_undo_action { color: var(--text); } - -.unread_empty_state_refresh { background: rgba(34, 34, 34, 0.97); } - -.unread_msgs_loading { background: #222; background-image: none; } - -#col_flex { background: transparent; } - -#flex_contents { background: #222; } - -#flex_contents .heading { background: #151515; border-bottom-color: var(--background-color); color: #949494; } - -#flex_contents .heading a { color: #949494; } - -#flex_contents .heading a:hover { color: #c7c7c7; } - -#flex_contents .heading a.close_flexpane { color: #949494; } - -#flex_contents .heading .cancel_link { color: #949494; } - -#flex_contents .heading .menu_heading:hover { color: var(--text); } - -#flex_contents .heading .menu_icon { color: #949494; } - -#flex_contents .heading .menu_icon:hover { color: #c7c7c7; } - -#flex_contents .heading_text { color: #949494; } - -#flex_contents .subheading:not(.empty) { background: #222; border-top: 1px solid #000; color: #949494; } - -#flex_contents .subheading:not(.empty) p a { color: var(--text); } - -#flex_contents .subheading:not(.empty) .filter_menu_label.active .arrow_down { color: #949494; } - -#flex_contents .toolbar_container { background: #222; } - -#flex_contents .flexpane_tab_bar li .tab, #flex_contents .flexpane_tab_bar li a { color: #949494; } - -#flex_contents .flexpane_tab_bar li:hover { border-bottom: 4px solid var(--background-color); } - -#flex_contents .flexpane_tab_bar li:hover a, #flex_contents .flexpane_tab_bar li:hover .tab { color: #949494; } - -#flex_contents .flexpane_tab_bar li.active { border-bottom: 4px solid var(--background-color); } - -#flex_contents .flexpane_tab_bar li.active a, #flex_contents .flexpane_tab_bar li.active .tab { color: #949494; } - -#flex_contents .help { border-top: 5px solid #000; color: var(--text); } - -#flex_contents i.callout { color: #949494; } - -.close_flexpane { color: #949494; } - -.close_flexpane:focus, .close_flexpane:hover { color: var(--text); } - -#client-ui.flex_pane_showing #col_flex { border-left-color: var(--background-color); } - -.toolbar_container { background: #222; border-bottom: 1px solid #000; color: var(--text); } - -.msg_right_link { color: #949494; } - -.message_location_label { color: #949494; } - -#details_tab .heading { background: #151515; } - -#details_tab .heading a.close_flexpane { color: #949494; } - -#details_tab .heading a.close_flexpane:hover { color: #c7c7c7; } - -#details_tab hr { border-top-color: var(--background-color); } - -#details_tab .conversation_details .member_name:hover { color: #949494; } - -#details_tab .conversation_details .member_username:hover { color: var(--text); } - -#details_tab .conversation_details .member_info_timezone { border-top-color: #545454; } - -#details_tab .channel_page_section { background: #222; border-top: 1px solid var(--background-color); } - -#details_tab .channel_page_section .section_header:hover .disclosure_triangle { color: #c7c7c7; } - -#details_tab .channel_page_section .section_header a { color: #949494; } - -#details_tab .channel_page_section .section_title { color: var(--text); } - -#details_tab .channel_page_section .disclosure_triangle { color: #949494; } - -#details_tab .channel_page_section .channel_page_members_highlighter, #details_tab .channel_page_section .channel_page_pinned_items_highlighter { background: rgba(191, 54, 12, 0.25) !important; } - -#details_tab .created_by { color: var(--text); } - -#details_tab .channel_page_member_tabs .icon_member_header { color: #949494; } - -#details_tab .pinned_item:hover { border-color: #545454; } - -#details_tab .channel_page_action .leave_link { color: #949494; } - -#details_tab .channel_page_action .leave_link:hover { color: #c7c7c7; } - -#details_tab .channel_section_label .ts_icon_info_circle { color: #949494; } - -#details_tab .feature_sli_channel_insights .channel_created_section .creator_link, #details_tab .feature_sli_channel_insights .channel_purpose_section .channel_purpose_text { color: #949494; } - -.channel_page_member_row { color: var(--text); } - -.channel_page_member_row a { color: #949494; } - -.channel_page_member_row.away { color: var(--text); } - -.channel_page_member_row.away a { color: #949494; } - -.channel_page_member_row:hover { background-color: #545454; border-color: var(--background-color); } - -.pinned_item { color: var(--text); } - -.pinned_item .pin_file_title { color: #949494; } - -.pinned_item .pin_member_name a { color: #949494 !important; } - -.pinned_item .pin_metadata { color: #949494; } - -.pinned_item .remove_pin { color: #949494; } - -.pinned_item .remove_pin:hover { color: #c7c7c7; } - -.pinned_item .pinned_message_text .pin_truncate_fade { background: #222; } - -.pinned_item.delete_mode { border-color: #bf360c !important; } - -.c-channel_insights__title { color: var(--text); } - -.c-channel_insights__section:not(.c-channel_insights__section--no_border) { border-color: #545454; } - -.c-channel_insights__drawer_title { color: #949494; } - -.c-channel_insights__item--user .member_preview_link, .c-channel_insights__item--user .message_sender { color: var(--text) !important; } - -.c-channel_insights__user_title { color: #949494; } - -.c-channel_insights__channel .channel_link { color: var(--text); } - -.c-channel_insights__member_count { color: #949494; } - -.c-channel_insights__member_count .ts_icon_user { color: #949494; } - -.c-channel_insights .c-member__title { color: #949494; } - -.c-channel_insights__activity { border-color: #545454; } - -.c-channel_insights_activity_bar_container:hover { background-color: rgba(0, 0, 0, 0.05); } - -.c-channel_insights_activity_bar_container:hover .c-channel_insights__activity_bar { background-color: #545454; } - -.c-channel_insights__activity_bar { background-color: rgba(84, 84, 84, 0.5); } - -.c-channel_insights__message ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) { background-color: #222; border-color: #545454; } - -.c-channel_insights__message--truncate::before { background: linear-gradient(180deg, transparent, #222 90%); } - -.c-channel_insights__highlights_description { color: #949494; } - -.c-channel_insights__date_heading span { background-color: #222; color: var(--text); } - -.c-channel_insights__date_heading::before { background-color: #545454; } - -#file_list_toggle_users { color: #949494; } - -#file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #c7c7c7; } - -#file_list_toggle_users.active { color: #949494; } - -.file_list_item .icon, .file_reference .icon { background: #828282; border: 1px solid #545454; color: var(--text) !important; } - -.filetype_button { background: #828282; border: 1px solid #545454; color: var(--text) !important; } - -.filetype_button:hover { background: #828282; } - -.filetype_button:hover .file_download_label { background: #545454; color: var(--text); } - -.filetype_button .file_title { color: var(--text); } - -.filetype_button .file_download_label { background: #828282; border-top: 1px solid #545454; } - -a.filetype_button_web { background: #828282; border: 1px solid #545454; color: var(--text); } - -a.filetype_button_web .filetype_icon { background-color: #545454; } - -a.file_download_link { color: #949494; } - -a.file_download_link:hover { color: #c7c7c7; } - -a:hover .file_inline_icon { color: #949494; } - -a.gsheet img, a.pdf img { background: #222 !important; } - -html.no_touch a.filetype_button_web:hover { border-color: #545454; } - -html.no_touch a.filetype_button_web:hover .file_title { color: var(--text); } - -.file_header_detailed { color: #949494; } - -.file_header_detailed .member { color: var(--text) !important; } - -.file_inline_icon { color: #949494; } - -.file_header .member { color: #949494 !important; } - -.file_header .title { color: var(--text); } - -.file_header .title a { color: #949494; } - -.file_header .title a:hover { color: #c7c7c7; } - -.flexpane_file_title .member, .flexpane_file_title .service_link { color: #949494 !important; } - -.flexpane_file_title .title a, .flexpane_file_title .file_action_list a { color: #949494; } - -.flexpane_file_title .title a:hover, .flexpane_file_title .file_action_list a:hover { color: #c7c7c7; } - -.file_actions_cog { color: #949494 !important; } - -.file_actions_cog:hover { color: #c7c7c7 !important; } - -.file_list_item { color: var(--text); } - -.file_list_item a { color: #949494; } - -.file_list_item a.member { color: #c7c7c7; } - -.file_list_item .bullet { color: #949494; } - -.file_list_item .icon { background: #828282; border-color: #545454; } - -.file_list_item .ts_icon_comment { color: #949494; } - -.file_list_item .file_comment_link:hover { color: #949494; } - -.file_list_item .file_comment_link:hover .ts_icon_comment { color: #949494; } - -.file_list_item .title a { color: #949494; } - -.file_list_item .share_info .unshare_link { color: #949494; } - -.file_list_item .share_info .unshare_link:hover { color: #c7c7c7; } - -.file_list_item .actions a, .file_list_item .actions span { background-color: var(--background-color); border: 1px solid #828282; color: #949494; } - -.file_list_item .actions a:hover { background-color: #222 !important; border-color: #828282; color: #c7c7c7; } - -.file_list_item.post .preview, .file_list_item.space .preview { color: var(--text); } - -.file_list_item #share_dialog, .file_list_item.active, .file_list_item:active, .file_list_item:hover { background-color: var(--background-color); border-color: #545454; } - -.file_list_item #share_dialog .title a, .file_list_item.active .title a, .file_list_item:active .title a, .file_list_item:hover .title a { color: #949494; } - -.file_list_item #share_dialog .actions, .file_list_item.active .actions, .file_list_item:active .actions, .file_list_item:hover .actions { background-color: transparent; } - -.file_list_item #share_dialog .actions a, .file_list_item #share_dialog .actions span, .file_list_item.active .actions a, .file_list_item.active .actions span, .file_list_item:active .actions a, .file_list_item:active .actions span, .file_list_item:hover .actions a, .file_list_item:hover .actions span { background-color: var(--background-color); } - -.unshare_link { color: #949494 !important; } - -.unshare_link i::before { color: #949494 !important; } - -.unshare_link i.ts_icon_minus_circle_small:hover::before { color: #bf360c !important; } - -.snippet_preview pre { color: var(--text); } - -.file_preview_wrapper .file_preview { background: #222; } - -.file_preview_wrapper .file_preview:hover { background: var(--background-color); } - -#file_preview_container .file_meta { color: #949494; } - -.file_page_meta { color: #949494; } - -#file_page_preview img { background: #222; border: 1px solid #000; } - -#file_page_preview img:hover { background: var(--background-color); } - -.comment_meta { color: #949494; } - -.comment .special_formatting_quote .content { color: var(--text); } - -.comment .member { color: var(--text) !important; } - -.comment_body { color: var(--text); } - -.comment_actions { color: #949494; } - -.comment_actions:hover { color: var(--text); } - -.icon_quote { color: var(--text); } - -.edit_comment_form .texty_comment_input, .comment_form .texty_comment_input { background: #545454; border-color: var(--background-color); color: var(--text); } - -.edit_comment_form .texty_comment_input.focus, .edit_comment_form .texty_comment_input:hover, .comment_form .texty_comment_input.focus, .comment_form .texty_comment_input:hover { border-color: var(--background-color); } - -.tab_container .star_item .message .actions .btn_icon, .tab_container .star_item .message .actions .star_jump, .tab_container .star_item ts-message .actions .btn_icon, .tab_container .star_item ts-message .actions .star_jump, .tab_container .file_list_item .actions .btn_icon, .tab_container .file_list_item .actions .star_jump, .tab_container .file_comment_item .actions .btn_icon, .tab_container .file_comment_item .actions .star_jump { background-color: #222; } - -.tab_container .star_item .message .actions .btn::after, .tab_container .star_item ts-message .actions .btn::after, .tab_container .file_list_item .actions .btn::after, .tab_container .file_comment_item .actions .btn::after { border-color: var(--background-color); } - -.tab_container .star_item ts-message .timestamp { color: #949494; } - -.tab_container .file_list_item:focus, .tab_container .file_list_item:hover { background-color: #222; border-color: var(--background-color); } - -.tab_container .file_list_item .star { color: #949494; } - -.tab_container .file_list_item .contents .file_comment_link { color: #949494; } - -.tab_container .file_list_item .contents .file_comment_link .ts_icon { color: #949494; } - -.tab_container .file_list_item .contents .file_comment_link:focus, .tab_container .file_list_item .contents .file_comment_link:hover { color: #c7c7c7; } - -.tab_container .file_list_item .contents .file_comment_link:focus .ts_icon, .tab_container .file_list_item .contents .file_comment_link:hover .ts_icon { color: #c7c7c7; } - -.tab_container .file_list_item .contents .member, .tab_container .file_list_item .contents .service_link, .tab_container .file_list_item .contents .share_info, .tab_container .file_list_item .contents .time { color: #949494; } - -.tab_container .file_list_item .filetype_image { background-color: #000; } - -.active .tab_container .file_list_item { background-color: #222; } - -#user_groups_pane .mention { background: rgba(191, 54, 12, 0.25); border: 0; border-radius: 3px; padding: 2px; } - -#user_groups_container .info_panel { background: #222; border: 1px solid #545454; } - -#user_groups_container .mention { background-color: rgba(191, 54, 12, 0.25) !important; } - -#user_groups_header .user_groups_search .icon_search { color: #949494; } - -#user_groups_header a.icon_close { color: #949494; } - -#user_groups_header a.icon_close:hover { color: #c7c7c7; } - -.user_group_item { border-bottom: 1px solid #545454; } - -.user_group_item a { color: #949494; } - -#flex_contents .user_group_item:hover { background-color: #222; } - -#flex_contents .user_group_item:hover h4 { color: var(--text); } - -#flex_contents .flexpane_tab_toolbar #user_group_edit { background-color: #222; } - -#flex_contents .flexpane_tab_toolbar #user_group_edit.user_group_edit--flexpane .tab_action_button { color: var(--text); } - -.user_group_invite_member_small .add_icon { color: #949494; } - -#user_group_member_invite_div .disabled .lfs_item.lfs_token { background-color: #828282; border-color: #828282; } - -#flex_contents .subheading:not(.empty)#mentions_options { background-color: #222; border-bottom-color: var(--background-color); color: var(--text); } - -.mention_day_container_div .day_divider::before { background: none; border-color: var(--background-color); } - -#member_mentions h3 a { color: #949494; } - -a.internal_member_link { background: var(--background-color); color: var(--text); } - -a.c-member_slug, .c-member_slug--link, .c-mrkdwn__subteam--link { background: var(--background-color); border: 1px solid #545454; color: var(--text); } - -a.c-member_slug.active, a.c-member_slug:hover, .c-member_slug--link.active, .c-member_slug--link:hover, .c-mrkdwn__subteam--link.active, .c-mrkdwn__subteam--link:hover { background: #424242; color: var(--text); } - -.mention_rxn .mention_rxn_summary { color: var(--text); } - -.mention_rxn .mention_rxn_summary .member_preview_link, .mention_rxn .mention_rxn_summary .mention_rxn_summary_members { color: #949494; } - -.search_message_result { background: #222 !important; border-color: var(--background-color) !important; color: var(--text) !important; } - -.search_message_result .search_message_result_meta { color: #949494; } - -.search_message_result .search_message_result_meta a { color: #949494; } - -.search_message_result .search_message_result_meta .date_links a { color: #949494; } - -.search_message_result_text .result_msg_format a { color: #949494; } - -span.match { background: rgba(191, 54, 12, 0.25); } - -#search_filters .tab { background: #222; color: var(--text); } - -#search_filters .tab:hover { border-bottom: 4px solid var(--background-color); } - -#search_filters.files #filter_files, #search_filters.messages #filter_messages { border-bottom: 4px solid var(--background-color); color: var(--text); } - -#search_file_list_toggle_users.active:hover { border: 2px solid #c7c7c7; color: #c7c7c7 !important; } - -.no_results { color: var(--text); } - -#search_results_team .team_results_heading { color: var(--text); } - -#search_results_team .team_result { background-color: #545454; border-color: #828282; color: var(--text); } - -#search_results_team .team_result a { color: #949494; } - -#search_results_team .team_result:hover a { color: #c7c7c7; } - -#search_results_team .team_result a:hover { color: #c7c7c7; } - -#search_results_team .member_name { color: var(--text) !important; } - -.suggestion { color: var(--text); } - -.suggestion.active, .suggestion:hover { background: #545454; } - -#paging_in_options .search_paging { color: #949494; } - -#search_results_items .search_paging { color: var(--text); } - -.search_paging i.disabled { color: #949494; } - -.search_paging a { color: #949494; } - -.search_paging a:hover { color: #c7c7c7; } - -.search_sort_prefix { color: var(--text); } - -.search_segmented_control { border-color: var(--background-color); color: #949494 !important; } - -.search_segmented_control:hover { color: #c7c7c7 !important; } - -.search_segmented_control.active { background: #000; color: #c7c7c7 !important; } - -.search_result_with_extract { background: var(--background-color); border-color: #545454; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); } - -.search_result_with_extract:hover { border-color: #828282; } - -.search_result_for_context::after { background: rgba(34, 34, 34, 0.1); } - -.extract_expand_text, .extract_expand_icons { color: #949494; } - -.search_result_with_extract:hover .extract_expand_text, .search_result_with_extract:hover .extract_expand_icons { color: #c7c7c7; } - -.search_module_header { color: var(--text); } - -.search_module_footer { background-color: var(--background-color); border-bottom-color: #545454; border-left-color: #545454; border-right-color: #545454; } - -.search_module_footer p { color: var(--text); } - -.search_module_footer #see_more { color: var(--text); } - -.search_module_footer #see_more a { color: var(--text); } - -.search_module_footer .top_results_feedback a { color: var(--text); } - -.search_module_footer ts-icon { color: var(--text); } - -.top_results_search_message_result { background-color: var(--background-color); border-bottom-color: #545454; border-left-color: #545454; border-right-color: #545454; } - -.top_results_search_message_result.duplicate { background-color: var(--background-color); } - -.top_results_search_message_result .timestamp { color: #949494; } - -.top_results_search_message_result .channel { color: #949494; } - -.top_results_search_message_result .channel a { color: #949494; } - -.top_results_search_message_result .jump { color: var(--text); } - -.top_results_search_message_result:hover { border-color: rgba(130, 130, 130, 0.6) !important; border-top: 2px solid #545454 !important; } - -.top_results_search_message_result:first-child { border-top: 2px solid #545454; } - -.sli_expert_search { background-color: #222; color: var(--text); } - -.sli_expert_search__result { border-color: #545454; } - -.sli_expert_search__result .app_preview_link, .sli_expert_search__result .member_preview_link { color: var(--text) !important; } - -.sli_expert_search__fg_face::before { background-color: #222; } - -.sli_expert_search_cta { border-color: #545454; } - -.sli_expert_search_cta:hover { border-color: #828282; } - -.sli_expert_search_cta__text { color: var(--text); } - -.sli_expert_search_cta__text:hover { color: var(--text); } - -.sli_expert_search__plus_sign_overlay { background-color: var(--background-color); color: #949494; } - -.sli_expert_search__arrow { color: #949494; } - -.sli_expert_search_cta:hover .sli_expert_search__arrow, .sli_expert_search_header:hover .sli_expert_search__arrow { color: #949494; } - -.sli_expert_search__partial_terms { color: #949494; } - -.feature_sli_file_search #search_filters.all #filter_all { border-bottom-color: var(--background-color); color: var(--text); } - -.feature_sli_file_search #search_results .file_list_item { background-color: #222; border-color: #545454; } - -.feature_sli_file_search #search_results.all, .feature_sli_file_search #search_results.messages { background-color: #222; } - -.feature_sli_file_search #search_results.all .search_message_result, .feature_sli_file_search #search_results.messages .search_message_result { background-color: #222; border-color: #545454; } - -.feature_sli_file_search #search_results.all .search_result_with_extract.first_extract_message_in_group, .feature_sli_file_search #search_results.all .search_result_with_extract:first-child, .feature_sli_file_search #search_results.messages .search_result_with_extract.first_extract_message_in_group, .feature_sli_file_search #search_results.messages .search_result_with_extract:first-child { border-top-color: #545454; } - -.feature_sli_file_search #search_results.all .search_result_with_extract.first_extract_message_in_group:hover, .feature_sli_file_search #search_results.all .search_result_with_extract:first-child:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract.first_extract_message_in_group:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract:first-child:hover { border-top-color: #545454; } - -.feature_sli_file_search #search_results.all .search_result_with_extract.last_extract_message_in_group, .feature_sli_file_search #search_results.messages .search_result_with_extract.last_extract_message_in_group { border-bottom-color: #545454; } - -.feature_sli_file_search #search_results.all .search_result_with_extract.last_extract_message_in_group:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract.last_extract_message_in_group:hover { border-bottom-color: #545454; } - -.feature_sli_file_search #search_results.all .search_message_result_meta, .feature_sli_file_search #search_results.messages .search_message_result_meta { color: #949494; } - -.feature_sli_file_search #search_results.all .channel_link, .feature_sli_file_search #search_results.messages .channel_link { color: #949494; } - -.feature_sli_file_search #search_results.all .sli_expert_search .channel_link, .feature_sli_file_search #search_results.messages .sli_expert_search .channel_link { color: var(--text); } - -.feature_sli_file_search #search_results.all .new_jump_link, .feature_sli_file_search #search_results.messages .new_jump_link { color: var(--text); } - -.feature_sli_file_search #search_results.all { background-color: #222; } - -.feature_sli_file_search #search_results.all .top_search_results .search_message_result { background-color: #222; border-color: #545454; } - -.feature_sli_file_search #search_results.all .top_search_results .search_message_result__channel a { color: #949494; } - -.feature_sli_file_search #search_results.all .sli_expert_search_cta { border-color: #545454; } - -.feature_sli_file_search #search_results.all .sli_expert_search_cta:hover { border-color: #828282; } - -.feature_sli_file_search #search_results.all .sli_expert_search__result { border-color: #828282; } - -.feature_sli_file_search #search_results.all .team_result { background-color: #222; border-color: #545454; } - -.feature_sli_file_search #search_results.files { background-color: #222; } - -.feature_sli_file_search #search_results.files #search_file_list_clear_filter, .feature_sli_file_search #search_results.files #search_file_list_heading { color: var(--text); } - -.feature_sli_file_search #search_results_loading { background-color: #222; } - -.feature_sli_file_search #search_results_container #search_options { background-color: #222; } - -.feature_sli_file_search #search_results_container .heading { background-color: #222; } - -#client-ui .file_list_item.file_list_item--redesign { border-color: #545454; } - -#client-ui .file_list_item.file_list_item--redesign .file_list_item__channel { color: #949494; } - -#client-ui .file_list_item.file_list_item--redesign .message_sender { color: #949494; } - -.p-shortcuts_flexpane__shortcut { border-color: #000; } - -.p-shortcuts_flexpane__shortcut:last-of-type { border-bottom-color: #000; } - -.p-shortcuts_flexpane__shortcut_hoverable .p-shortcuts_flexpane__shortcut_title { color: var(--text); } - -.p-shortcuts_flexpane__shortcut_title { color: #949494; } - -.p-shortcuts_flexpane__title { color: var(--text); } - -.p-shortcuts_flexpane__tip { color: #949494; } - -.p-shortcuts_flexpane__section_description { color: #949494; } - -.p-shortcuts_flexpane__sub_heading { color: #949494; } - -.c-keyboard_key { background: #545454; border-color: #828282; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); color: var(--text); } - -.tab_container .star_item .message .timestamp, .tab_container .star_item ts-message .timestamp { color: #949494; } - -#member_preview_scroller a:not(.member_name):not(.current_status_preset_option), .team_list_item a:not(.member_name):not(.current_status_preset_option) { color: #949494; } - -#member_preview_scroller a:not(.member_name):not(.current_status_preset_option):hover, .team_list_item a:not(.member_name):not(.current_status_preset_option):hover { color: #c7c7c7; } - -#member_preview_scroller .member_data_table a, #team_list .member_data_table a { color: #949494; } - -#member_preview_scroller .member_data_table a:hover, #team_list .member_data_table a:hover { color: #c7c7c7; } - -#member_preview_scroller a.member_action_button, #team_list a.member_action_button { color: #949494 !important; } - -#member_preview_scroller a.member_action_button:hover, #team_list a.member_action_button:hover { border-color: #828282 !important; color: #c7c7c7 !important; } - -#member_preview_scroller .member_data_table tr, #member_preview_web_container .member_data_table tr, #team_list .member_data_table tr, .menu_member_header .member_data_table tr { color: var(--text); } - -#member_preview_scroller .member_data_table a, #member_preview_web_container .member_data_table a, #team_list .member_data_table a, .menu_member_header .member_data_table a { color: #949494 !important; } - -#member_preview_scroller .member_data_table a:hover, #member_preview_web_container .member_data_table a:hover, #team_list .member_data_table a:hover, .menu_member_header .member_data_table a:hover { color: #c7c7c7 !important; } - -#member_preview_scroller .member_data_table .bot_label, #member_preview_web_container .member_data_table .bot_label, #team_list .member_data_table .bot_label, .menu_member_header .member_data_table .bot_label { background: #000; color: #949494; } +/* +Copyright 2017 Bryan Keller (https://github.com/widget-) -#member_preview_scroller { background-color: var(--background-color); } +Licensed under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. +You may obtain a copy of the License at -#member_preview_scroller .member_data_table .current_status_cell .current_status_container .current_status_cover:hover { border-color: var(--background-color); } + http://www.apache.org/licenses/LICENSE-2.0 -#member_preview_scroller .member_data_table .current_status_cell .current_status_container:not(.active) .current_status_cover.without_status_set .current_status_placeholder { color: rgba(230, 230, 230, 0.35) !important; } +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. +*/ -#team_tab #member_preview_scroller { background-color: #222; } - -#member_preview_scroller .member_details .member_name_and_presence .member_name, #member_preview_web_container .member_details .member_name_and_presence .member_name, .menu_member_header .member_details .member_name_and_presence .member_name { color: var(--text); } - -#member_preview_scroller .member_details .member_title, #member_preview_web_container .member_details .member_title, .menu_member_header .member_details .member_title { color: var(--text); } - -#member_preview_scroller .member_details .member_restriction, #member_preview_scroller .member_details .member_timezone_value, #member_preview_scroller .member_details .member_current_status, #member_preview_web_container .member_details .member_restriction, #member_preview_web_container .member_details .member_timezone_value, #member_preview_web_container .member_details .member_current_status, .menu_member_header .member_details .member_restriction, .menu_member_header .member_details .member_timezone_value, .menu_member_header .member_details .member_current_status { color: #949494; } - -#member_preview_scroller .member_details .member_restriction a, #member_preview_scroller .member_details .member_timezone_value a, #member_preview_scroller .member_details .member_current_status a, #member_preview_web_container .member_details .member_restriction a, #member_preview_web_container .member_details .member_timezone_value a, #member_preview_web_container .member_details .member_current_status a, .menu_member_header .member_details .member_restriction a, .menu_member_header .member_details .member_timezone_value a, .menu_member_header .member_details .member_current_status a { color: #949494; } - -#member_preview_scroller .member_details .member_restriction a:hover, #member_preview_scroller .member_details .member_timezone_value a:hover, #member_preview_scroller .member_details .member_current_status a:hover, #member_preview_web_container .member_details .member_restriction a:hover, #member_preview_web_container .member_details .member_timezone_value a:hover, #member_preview_web_container .member_details .member_current_status a:hover, .menu_member_header .member_details .member_restriction a:hover, .menu_member_header .member_details .member_timezone_value a:hover, .menu_member_header .member_details .member_current_status a:hover { color: #c7c7c7; } - -#member_preview_scroller .member_details .member_restriction .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_restriction .ts_icon_question_circle:hover, #member_preview_scroller .member_details .member_timezone_value .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_timezone_value .ts_icon_question_circle:hover, #member_preview_scroller .member_details .member_current_status .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_current_status .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_restriction .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_restriction .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_timezone_value .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_timezone_value .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_current_status .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_current_status .ts_icon_question_circle:hover, .menu_member_header .member_details .member_restriction .ts_icon_question_circle:focus, .menu_member_header .member_details .member_restriction .ts_icon_question_circle:hover, .menu_member_header .member_details .member_timezone_value .ts_icon_question_circle:focus, .menu_member_header .member_details .member_timezone_value .ts_icon_question_circle:hover, .menu_member_header .member_details .member_current_status .ts_icon_question_circle:focus, .menu_member_header .member_details .member_current_status .ts_icon_question_circle:hover { color: #949494; } - -#member_preview_scroller .member_details_divider, #member_preview_web_container .member_details_divider, .menu_member_header .member_details_divider { border-color: var(--background-color); } - -#disabled_members_tab a { color: #949494; } - -#disabled_members_tab a:hover { background: #424242; color: #c7c7c7; } - -#disabled_members_tab.active a { color: #949494; } - -.team_list_item { border-top: 1px solid #545454; color: #949494; } - -.team_list_item .member_name { color: var(--text); } - -#client-ui .searchable_member_list .team_list_item a, #client-ui #team_list .team_list_item a, #member_preview_scroller .team_list_item a { color: var(--text) !important; } - -#client-ui .searchable_member_list .team_list_item.expanded, #client-ui #team_list .team_list_item.expanded, #member_preview_scroller .team_list_item.expanded { border-color: var(--background-color) !important; } - -#client-ui .searchable_member_list .team_list_item:hover, #client-ui #team_list .team_list_item:hover, #member_preview_scroller .team_list_item:hover { border-color: #545454 !important; } - -#client-ui .searchable_member_list .team_list_item { border-bottom-color: #000; } - -#client-ui .searchable_member_list .team_list_item:hover { background: #545454; } - -.c-unified_member__display-name, .c-unified_member__secondary-name, .c-unified_member__title, .c-unified_member__other-names, .c-unified_member__other-names { color: var(--text) !important; } - -#convo_tab #convo_tab_btns .close_flexpane:focus, #convo_tab #convo_tab_btns .close_flexpane:hover { color: var(--text); } - -#convo_tab textarea.message_input { color: var(--text); } - -#reply_container .inline_message_input_container .message_input div, #reply_container .inline_message_input_container textarea, .reply_input_container .inline_message_input_container .message_input div, .reply_input_container .inline_message_input_container textarea { border-color: var(--background-color); color: var(--text); } - -#reply_container .inline_message_input_container .message_input div:active, #reply_container .inline_message_input_container .message_input div:focus, #reply_container .inline_message_input_container textarea:active, #reply_container .inline_message_input_container textarea:focus, .reply_input_container .inline_message_input_container .message_input div:active, .reply_input_container .inline_message_input_container .message_input div:focus, .reply_input_container .inline_message_input_container textarea:active, .reply_input_container .inline_message_input_container textarea:focus { border-color: #000; } - -#reply_container .reply_broadcast_buttons_container .reply_broadcast_label_container, .reply_input_container .reply_broadcast_buttons_container .reply_broadcast_label_container { color: var(--text); } - -#reply_container .reply_broadcast_buttons_container .reply_broadcast_label_container ts-icon.ts_icon_question_circle, .reply_input_container .reply_broadcast_buttons_container .reply_broadcast_label_container ts-icon.ts_icon_question_circle { color: #949494 !important; } - -#reply_container .reply_limited_in_general, .reply_input_container .reply_limited_in_general { background: #222; color: #949494; } - -#convo_container .convo_flexpane_divider { border-top-color: var(--background-color); color: #949494; } - -#convo_container .convo_flexpane_divider .reply_count { background: #222; } - -#convo_container ts-conversation ts-message.selected .message_content .thread_channel_link { color: #949494; } - -#convo_tab .message_input, #convo_tab textarea#msg_text { color: var(--text); } - -#whats_new_tab p { color: var(--text); } - -#whats_new_tab .flex_heading_controls label { color: #949494; } - -.c-member__display-name, .c-team__display-name, .c-usergroup__handle { color: var(--text); } - -.c-member__current-status--small::before, .c-member__secondary-name--large + .c-member__current-status--large::before, .c-member__secondary-name--medium + .c-member__current-status--medium::before { color: var(--text); } - -.c-member .external_team_badge { background-color: #545454; box-shadow: 0 0 0 2px #545454; } - -.c-member .external_team_badge.default { background-color: #949494; color: var(--text); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.c-member .external_team_badge::after { box-shadow: inset 0 0 0 1px #545454; } - -.c-member__name--small, .c-team__name--small, .c-usergroup__name--small { color: var(--text); } - -.c-member--small .presence { color: #949494; } - -.c-member--small .team_image.icon_16 { border-color: var(--background-color); } - -.c-member--small .team_image.default { background-color: #949494; color: var(--text); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.c-member--dark .c-member__current-status { color: #949494; } - -.c-member--dark .c-member__current-status::before { color: #949494; } - -.c-member--dark .c-member__name, .c-member--dark .c-member__secondary-name { color: #949494; } - -.c-member--dark .c-member__display-name, .c-member--dark .presence { color: var(--text); } - -.c-member--medium { color: #949494; } - -.c-member--medium .presence { color: #949494; } - -.c-member__secondary-name--medium { color: var(--text); } - -.c-member--large { color: #949494; } - -.c-member__display-name--large, .c-member__title--large { color: var(--text); } - -.c-member__other-names--large { color: #949494; } - -.c-usergroup--small .c-usergroup__icon { background-color: #949494; color: var(--text); } - -.c-usergroup__not-in-channel-context--small { color: #949494; } - -.p-emoji_picker { background: #000 !important; color: var(--text) !important; } - -.p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="0"].key_selection { background: rgba(183, 232, 135, 0.5); } - -.p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="1"].key_selection { background: rgba(181, 224, 254, 0.5); } - -.p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="2"].key_selection { background: rgba(249, 239, 103, 0.5); } - -.p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="3"].key_selection { background: rgba(243, 193, 253, 0.5); } - -.p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="4"].key_selection { background: rgba(255, 225, 174, 0.5); } - -.p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="5"].key_selection { background: rgba(224, 223, 255, 0.5); } - -.p-emoji_picker__list_item { text-shadow: 0 1px rgba(0, 0, 0, 0.15); } - -.p-emoji_picker__list_item[data-color-index="0"]:hover, .p-emoji_picker__list_item[data-color-index="0"].key_selection { background: rgba(183, 232, 135, 0.5); } - -.p-emoji_picker__list_item[data-color-index="1"]:hover, .p-emoji_picker__list_item[data-color-index="1"].key_selection { background: rgba(181, 224, 254, 0.5); } - -.p-emoji_picker__list_item[data-color-index="2"]:hover, .p-emoji_picker__list_item[data-color-index="2"].key_selection { background: rgba(249, 239, 103, 0.5); } - -.p-emoji_picker__list_item[data-color-index="3"]:hover, .p-emoji_picker__list_item[data-color-index="3"].key_selection { background: rgba(243, 193, 253, 0.5); } - -.p-emoji_picker__list_item[data-color-index="4"]:hover, .p-emoji_picker__list_item[data-color-index="4"].key_selection { background: rgba(255, 225, 174, 0.5); } - -.p-emoji_picker__list_item[data-color-index="5"]:hover, .p-emoji_picker__list_item[data-color-index="5"].key_selection { background: rgba(224, 223, 255, 0.5); } - -.p-emoji_picker__heading, .p-emoji_picker__list_container, .p-emoji_picker__input_container { background: #222; } - -.p-emoji_picker__group_tabs { border-bottom-color: #424242; } - -.p-emoji_picker__group_tab { color: #949494; } - -.p-emoji_picker__group_tab:hover { background: var(--background-color); color: #c7c7c7; } - -.p-emoji_picker__group_tab--active { background: #545454; border-bottom-color: #424242; color: var(--text); } - -.p-emoji_picker__icon_search { color: #949494; } - -.p-emoji_picker__content:hover .p-emoji_picker__skintone_btn_container { background: #222; border-color: #222; } - -.p-emoji_picker__skintone_options { background: #222; } - -.p-emoji_picker__tip i, .p-emoji_picker__no_results i { color: #949494; } - -.p-emoji_picker__tip { color: var(--text); } - -.p-emoji_picker__no_results { color: #949494; } - -.p-emoji_picker__preview_text { background: #000; color: var(--text); } - -.p-emoji_picker__footer { background: #000; border-top-color: var(--background-color); } - -.p-emoji_picker__footer .p-emoji_picker__heading { background: #000; } - -.p-emoji_picker__emoji_deluxe_label { color: #949494; } - -input[type="text"].p-emoji_picker__input:focus { border-color: #545454; box-shadow: none; } - -#message_edit_form .current_status_empty_emoji, #message_edit_form .current_status_empty_emoji_cover, #message_edit_form .emo_menu, #msg_form .current_status_empty_emoji, #msg_form .current_status_empty_emoji_cover, #msg_form .emo_menu, .current_status_container .current_status_empty_emoji, .current_status_container .current_status_empty_emoji_cover, .current_status_container .emo_menu, .current_status_input_container .current_status_empty_emoji, .current_status_input_container .current_status_empty_emoji_cover, .current_status_input_container .emo_menu, .inline_message_input_container .current_status_empty_emoji, .inline_message_input_container .current_status_empty_emoji_cover, .inline_message_input_container .emo_menu, .share_channel_modal_contents .current_status_empty_emoji, .share_channel_modal_contents .current_status_empty_emoji_cover, .share_channel_modal_contents .emo_menu { color: #949494; } - -#message_edit_form .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, #msg_form .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .current_status_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .current_status_input_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .inline_message_input_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .share_channel_modal_contents .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji { color: var(--text); } - -#message_edit_form #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form #msg_input.focus ~ .emo_menu, #message_edit_form #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form #msg_input:focus ~ .emo_menu, #msg_form #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), #msg_form #msg_input.focus ~ .emo_menu, #msg_form #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), #msg_form #msg_input:focus ~ .emo_menu, .current_status_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container #msg_input.focus ~ .emo_menu, .current_status_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container #msg_input:focus ~ .emo_menu, .current_status_input_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container #msg_input.focus ~ .emo_menu, .current_status_input_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container #msg_input:focus ~ .emo_menu, .inline_message_input_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container #msg_input.focus ~ .emo_menu, .inline_message_input_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container #msg_input:focus ~ .emo_menu, .share_channel_modal_contents #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents #msg_input.focus ~ .emo_menu, .share_channel_modal_contents #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents #msg_input:focus ~ .emo_menu { color: var(--text); } - -#message_edit_form .message_input:focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form .message_input:focus ~ .emo_menu, #msg_form .message_input:focus ~ #primary_file_button:not(:hover):not(.active), #msg_form .message_input:focus ~ .emo_menu, .current_status_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container .message_input:focus ~ .emo_menu, .current_status_input_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container .message_input:focus ~ .emo_menu, .inline_message_input_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container .message_input:focus ~ .emo_menu, .share_channel_modal_contents .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents .message_input:focus ~ .emo_menu { color: var(--text); } - -.current_status_emoji_picker { border-right-color: var(--background-color); } - -.current_status_input_for_team_menu .current_status_presets { border-top: 1px solid #000; } - -.current_status_input_for_team_menu .current_status_presets .current_status_presets_section_header .header_label { color: #949494; } - -.rxn, .c-reaction, .c-reaction_add, .c-member_slug { background: var(--background-color); border: 1px solid #545454; } - -.rxn.active, .rxn:hover, .c-reaction.active, .c-reaction:hover, .c-reaction_add.active, .c-reaction_add:hover, .c-member_slug.active, .c-member_slug:hover { background: #424242; } - -.rxn.active .emoji_rxn_count, .rxn:hover .emoji_rxn_count, .c-reaction.active .emoji_rxn_count, .c-reaction:hover .emoji_rxn_count, .c-reaction_add.active .emoji_rxn_count, .c-reaction_add:hover .emoji_rxn_count, .c-member_slug.active .emoji_rxn_count, .c-member_slug:hover .emoji_rxn_count { color: var(--text); } - -.rxn.c-reaction--reacted, .c-reaction.c-reaction--reacted, .c-reaction_add.c-reaction--reacted, .c-member_slug.c-reaction--reacted { background-color: rgba(66, 66, 66, 0.08); border-color: rgba(130, 130, 130, 0.4) !important; } - -.rxn.c-reaction--reacted .emoji_rxn_count, .rxn.c-reaction--reacted .c-reaction__count, .c-reaction.c-reaction--reacted .emoji_rxn_count, .c-reaction.c-reaction--reacted .c-reaction__count, .c-reaction_add.c-reaction--reacted .emoji_rxn_count, .c-reaction_add.c-reaction--reacted .c-reaction__count, .c-member_slug.c-reaction--reacted .emoji_rxn_count, .c-member_slug.c-reaction--reacted .c-reaction__count { color: var(--text); } - -.rxn .emoji_rxn_count, .rxn .c-reaction__count, .c-reaction .emoji_rxn_count, .c-reaction .c-reaction__count, .c-reaction_add .emoji_rxn_count, .c-reaction_add .c-reaction__count, .c-member_slug .emoji_rxn_count, .c-member_slug .c-reaction__count { color: var(--text); } - -.rxn.menu_rxn .ts_icon, .c-reaction.menu_rxn .ts_icon, .c-reaction_add.menu_rxn .ts_icon, .c-member_slug.menu_rxn .ts_icon { color: rgba(230, 230, 230, 0.25); } - -.modal { background-color: #222; border: 0; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } - -.modal .close, .modal label { color: var(--text); } - -.modal_input_note, .modal_input_note_full_width, .input_note_special { color: #949494; } - -.modal-footer { background: padding-box #222; border-top: 1px solid transparent; box-shadow: none; } - -.modal-header { background: padding-box #000; border-bottom: 1px solid var(--background-color); color: var(--text); } - -.modal-backdrop { background-color: #222; } - -.close { color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } - -#fs_modal_bg { background: #222; } - -#fs_modal { background: #222; } - -#fs_modal h1, #fs_modal h2, #fs_modal h3, #fs_modal h4, #fs_modal h5, #fs_modal h6 { color: var(--text); } - -#fs_modal #fs_modal_sidebar a { color: var(--text); } - -#fs_modal #fs_modal_sidebar a:hover { background: var(--background-color); } - -#fs_modal #fs_modal_sidebar a.active { background: #000; color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -#fs_modal .fs_modal_btn { color: rgba(230, 230, 230, 0.5); } - -#fs_modal .fs_modal_btn:hover { background: #828282; color: var(--text); } - -#fs_modal .fs_modal_btn:active { background: #828282; color: var(--text); } - -#fs_modal.fs_modal_header .fs_modal_btn:active { color: var(--text); } - -#fs_modal #fs_modal_footer { background-color: var(--background-color); } - -.p-apps_browser__apps_list--loading::before { background-color: var(--background-color); } - -.p-apps_browser__category_section--tutorial .p-apps_browser__app { border-color: #545454; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } - -.p-apps_browser__category_section--tutorial .p-apps_browser__app--selected { background: var(--background-color); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } - -.p-apps_browser__category_header { background: #222; color: #949494; } - -.p-apps_browser__app { border-top-color: #545454; } - -.p-apps_browser__app--selected { background: var(--background-color); border-color: #828282; } - -.p-apps_browser__app_info { color: var(--text); } - -.p-apps_browser__browse_apps, .p-apps_browser__app_action { background-color: #545454; border-color: #828282; color: var(--text); } - -.p-apps_browser__browse_apps:hover, .p-apps_browser__browse_apps:focus, .p-apps_browser__app_action:hover, .p-apps_browser__app_action:focus { background-color: #828282; color: var(--text); } - -.p-apps_browser__browse_apps:active, .p-apps_browser__app_action:active { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); } - -.p-apps_browser__app_description { color: #949494; } - -#fs_modal.p-apps_browser_modal .contents_container .contents .links_container a { color: #949494; } - -#fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:active, #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:hover, #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:visited { color: var(--text); } - -#incoming_call { background-color: rgba(0, 0, 0, 0.97); color: var(--text); } - -#fs_modal.channel_options_modal .channel_options_header { border-bottom-color: var(--background-color); } - -#fs_modal.channel_options_modal .convert_to_shared label { color: #949494; } - -#fs_modal.channel_options_modal .channel_option_item { border-top-color: var(--background-color); } - -#fs_modal.channel_options_modal .channel_option_item .channel_option_open { color: var(--text); } - -#fs_modal.channel_options_modal .channel_option_item:hover { background: rgba(0, 0, 0, 0.75); border-color: var(--background-color); } - -#channel_invite_container .lfs_list_container .lfs_item { border-top-color: var(--background-color); } - -#channel_invite_container .lfs_list_container .lfs_item.active { border-color: var(--background-color); } - -#channel_invite_container.page_needs_enterprise .channel_invite_row { border-top-color: var(--background-color); } - -#channel_invite_container.page_needs_enterprise .channel_invite_row.disabled { color: #949494; } - -#channel_invite_modal #channel_invite_container:not(.keyboard_active).not_scrolling .channel_invite_row:not(.disabled):hover, #channel_invite_modal .channel_invite_row.highlighted:not(.disabled) { background: #222; border-color: var(--background-color); } - -#channel_prefs_dialog { color: var(--text); } - -#at_channel_warning_dialog { background-color: #222; } - -#at_channel_warning_dialog.fullsize { background-color: #222; } - -#at_channel_warning_dialog.fullsize .modal-body { background-color: #222; } - -.channel_prefs_modal_header { color: var(--text); } - -.channel_prefs_body__section_header_title { color: var(--text); } - -.channel_prefs_body__section_header_icon::before { color: var(--text); } - -.channel_prefs_body__mute_help_text { color: #949494; } - -.channel_prefs_notifications_table { border-bottom-color: var(--background-color); color: var(--text); } - -.channel_prefs_notifications_table__large_cell, .channel_prefs_notifications_table__small_cell, .channel_prefs_notifications_table__row_title { border-bottom-color: #545454 !important; } - -.channel_prefs__muting_checkbox_label { color: var(--text); } - -.channel_prefs__muting_checkbox_label:not(.subtle_silver) { color: var(--text) !important; } - -.notification_prefs_icon::before { color: var(--text); } - -.channel_modal_header { color: var(--text); } - -#channel_browser .channel_browser_row { border-top: 1px solid var(--background-color); color: var(--text); } - -#channel_browser .channel_browser_row_header { color: var(--text); } - -#channel_browser .channel_browser_creator_name { color: #949494; } - -#channel_browser .channel_browser_open, #channel_browser .channel_browser_preview { color: #949494; } - -#channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover, #channel_browser .channel_browser_row.highlighted { background: #000; border: 1px solid #545454; } - -#channel_browser .channel_browser_divider { background: transparent; color: #949494; } - -#channel_browser .channel_browser_sort_container::after { color: var(--text); } - -#channel_browser .channel_browser_channel_purpose { color: var(--text); } - -.channel_invite_member .add_icon, .channel_invite_member_small .add_icon { color: #949494; } - -.channel_invite_member .name_container .not_in_token, .channel_invite_member_small .name_container .not_in_token { color: #949494 !important; } - -.channel_invite_member .invite_user_group_avatar, .channel_invite_member_small .invite_user_group_avatar { background-color: #000; color: var(--text); } - -#invite_members_container .lfs_input_container { background: #545454; } - -#notifications_not_working p.highlight_yellow_bg a { color: var(--text); } - -#im_browser .im_browser_row { border-top: 1px solid #545454; } - -#im_browser .im_browser_row.multiparty { color: var(--text); } - -#im_browser .im_browser_row.multiparty .member_image + .member_image:not(.ra):not(.ura) { border: 2px solid #000; } - -#im_browser .im_browser_row .im_unread_cnt { background: #bf360c; color: var(--text); } - -#im_browser .im_browser_row.disabled { color: #949494; } - -#im_browser #im_list_container:not(.keyboard_active).not_scrolling .im_browser_row:not(.disabled_dm):hover, #im_browser #im_browser .im_browser_row.highlighted { background: #000 !important; border: 1px solid #545454 !important; } - -#im_browser_tokens { background: #545454; border: 1px solid #828282; } - -#im_browser_tokens.active { border-color: #828282; box-shadow: 0 0 7px rgba(130, 130, 130, 0.15); } - -#im_browser_tokens .member_token { background: #222; border: 1px solid #000; color: var(--text); } - -#im_browser_tokens .member_token.ra { background: #bf360c; } - -.fs_modal_file_viewer_header { background-color: var(--background-color); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } - -.fs_modal_file_viewer_header .btn { color: var(--text); } - -.fs_modal_file_viewer_header .star { color: #949494; } - -.fs_modal_file_viewer_header .control_btn, .fs_modal_file_viewer_header a.control_btn { color: var(--text); } - -.fs_modal_file_viewer_header .control_btn:link, .fs_modal_file_viewer_header .control_btn:visited, .fs_modal_file_viewer_header a.control_btn:link, .fs_modal_file_viewer_header a.control_btn:visited { color: var(--text); } - -.fs_modal_file_viewer_header .control_btn:focus, .fs_modal_file_viewer_header .control_btn:hover, .fs_modal_file_viewer_header a.control_btn:focus, .fs_modal_file_viewer_header a.control_btn:hover { color: #949494; } - -.fs_modal_file_viewer_header .control_btn.active, .fs_modal_file_viewer_header .control_btn:active, .fs_modal_file_viewer_header a.control_btn.active, .fs_modal_file_viewer_header a.control_btn:active { background: #545454; } - -.fs_modal_file_viewer_header .file_size, .fs_modal_file_viewer_header .muted_tooltip_info { color: #949494; } - -.fs_modal_file_viewer_header .close_btn::after { border-right: 1px solid #545454; } - -.fs_modal_file_viewer_content .viewer { background-color: #000; color: var(--text) !important; } - -.fs_modal_file_viewer_content .viewer .next_btn ts-icon, .fs_modal_file_viewer_content .viewer .previous_btn ts-icon { background: #545454; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); } - -.fs_modal_file_viewer_content .viewer .next_btn:focus:not([disabled]), .fs_modal_file_viewer_content .viewer .next_btn:hover:not([disabled]), .fs_modal_file_viewer_content .viewer .previous_btn:focus:not([disabled]), .fs_modal_file_viewer_content .viewer .previous_btn:hover:not([disabled]) { background: rgba(130, 130, 130, 0.25); color: var(--text); } - -.fs_modal_file_viewer_content .viewer .next_btn[disabled]:focus, .fs_modal_file_viewer_content .viewer .next_btn[disabled]:hover, .fs_modal_file_viewer_content .viewer .previous_btn[disabled]:focus, .fs_modal_file_viewer_content .viewer .previous_btn[disabled]:hover { color: rgba(148, 148, 148, 0.8); } - -.fs_modal_file_viewer_content .aside_panel { background-color: #222; box-shadow: -1px 0 0 rgba(0, 0, 0, 0.25); } - -.fs_modal_file_viewer_content .comment_header { background-color: transparent; border-bottom: 1px solid #000; } - -.fs_modal_file_viewer_content .no_comment { background-color: #222; color: #949494; } - -.fs_modal_file_viewer_content .aside_close_btn { color: var(--text); } - -.fs_modal_file_viewer_content #file_comment { color: var(--text); } - -#file_comment_textarea.texty_comment_input { background: #222; border-color: var(--background-color); color: var(--text); } - -#file_comment_textarea.texty_comment_input.focus, #file_comment_textarea.texty_comment_input:hover { border-color: var(--background-color); } - -#fs_modal.help_modal #fs_modal_footer .help_modal_status #no_open_issues { color: #949494; } - -#fs_modal.help_modal .help_modal_header { background-color: var(--background-color); border-color: #545454; } - -#fs_modal.help_modal .help_modal_header a { color: var(--text); } - -#fs_modal.help_modal .help_modal_divider { color: #949494; } - -#fs_modal.help_modal .help_modal_article_row { border-top: 1px solid var(--background-color); } - -#fs_modal.help_modal .help_modal_article_row .channel_browser_open { color: #949494; } - -#fs_modal.help_modal #help_modal_list_container:not(.keyboard_active).not_scrolling .help_modal_article_row:hover, #fs_modal.help_modal .help_modal_article_row.highlighted { background-color: var(--background-color); border-color: #000; } - -.admin_invites_account_type_option { border-bottom: 1px solid var(--background-color); } - -.admin_invites_account_type_option p { color: var(--text); } - -.admin_invites_account_type_option .option_arrow { color: #949494; } - -.admin_invites_account_type_option:hover:not(.disabled) h3 { color: var(--text); } - -.admin_invites_account_type_option.disabled .account_type_disabled_hover { background: rgba(255, 255, 255, 0); } - -.admin_invites_account_type_option.disabled:hover .account_type_disabled_hover { background: rgba(34, 34, 34, 0.95); } - -.admin_invite_row .delete_row, .admin_invite_row .hide_custom_message, .admin_invites_custom_message_container .delete_row, .admin_invites_custom_message_container .hide_custom_message { color: #949494; } - -.admin_invite_row .delete_row:hover, .admin_invite_row .hide_custom_message:hover, .admin_invites_custom_message_container .delete_row:hover, .admin_invites_custom_message_container .hide_custom_message:hover { color: #bf360c; } - -.admin_invite_row.delete_highlight, .admin_invites_custom_message_container.delete_highlight { background: rgba(191, 54, 12, 0.4); } - -#admin_invites_channel_picker_container { border-bottom: 1px solid var(--background-color); } - -#admin_invites_add_row { background: #545454; border: 1px solid var(--background-color); } - -#admin_invites_workflow .lazy_filter_select .lfs_input_container { background-color: #545454; } - -#channel_invite_tokens { background-color: #545454; border-color: #828282; } - -#channel_invite_tokens.active { border-color: #949494; box-shadow: 0 0 7px rgba(148, 148, 148, 0.15); } - -#channel_invite_tokens .member_token { background: #222; color: var(--text); } - -#channel_invite_tokens .member_token.ra { background: rgba(191, 54, 12, 0.4); } - -#admin_invites_alert { background: #545454; border-color: #828282; } - -.channel_invite_member .add_icon, .channel_invite_member_small .add_icon, .channel_invite_pending_user_small .add_icon { color: var(--text); } - -.channel_invite_member .invite_user_group_avatar, .channel_invite_member_small .invite_user_group_avatar, .channel_invite_pending_user_small .invite_user_group_avatar { background-color: #222; color: var(--text); } - -#shortcuts_dialog { background: rgba(34, 34, 34, 0.95); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); } - -#shortcuts_dialog.modal .modal-body, #shortcuts_dialog.modal h1, #shortcuts_dialog.modal h3 { color: var(--text); } - -#shortcuts_dialog.modal ul ul { border-left-color: #545454; } - -#shortcuts_dialog.modal .info_block { color: #949494; } - -#shortcuts_dialog.modal .close { background: #545454; border-color: #828282; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); color: var(--text); } - -#shortcuts_dialog.modal .close:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9); } - -#fs_modal.prefs_modal label.sound_option:hover:not(.disabled) ts-icon { color: #949494; } - -#fs_modal.prefs_modal #prefs_sidebar .theme_thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } - -#fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .custom_theme_label { border: 1px solid var(--background-color); } - -#fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .custom_theme_label .color_swatch { border: 1px solid var(--background-color); } - -#fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .colpick { background: #424242; border: 1px solid var(--background-color); } - -#fs_modal.prefs_modal #prefs_sidebar #prefs_sidebar_theme::after { background: #bf360c; border-radius: 3px; content: "Light sidebar themes (e.g. Hoth) will break this Stylish theme."; display: block; font-size: 14px; line-height: 18px; margin: 12px 0 6px; padding: 6px; width: 100%; } - -#fs_modal.prefs_modal legend { color: var(--text); } - -#fs_modal.prefs_modal .global_notification_block { background: #222; border-color: #000; } - -#fs_modal.prefs_modal .global_notification_block.selected { background: var(--background-color); border-color: #000; } - -#fs_modal.prefs_modal .channel_overrides_row { border-top-color: #000; } - -#fs_modal.prefs_modal .channel_overrides_row:hover { background: var(--background-color); border-color: #000; } - -#fs_modal.prefs_modal .channel_overrides_row .channel_overrides_summary { color: var(--text); } - -#fs_modal.prefs_modal .notification_example.mac { background: #000; box-shadow: 0 1px 8px 2px var(--background-color); } - -#fs_modal.prefs_modal .notification_example.linux, #fs_modal.prefs_modal .notification_example.windows { background: #000; color: var(--text); } - -#fs_modal.prefs_modal .badge_example { background: #bf360c; } - -#fs_modal.prefs_modal .message_theme_preview { border-bottom-color: #000; border-top-color: #000; } - -#fs_modal.prefs_modal .display_real_names_block_sample { background: #222; } - -.sidebar_menu_list_item { border: 0; color: var(--text); } - -.sidebar_menu_list_item.is_active { background-color: #000; color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } - -.sidebar_menu_list_item:not(.is_active):hover { background-color: var(--background-color); } - -.jumbomoji_pref_disabled { color: #949494; } - -.jumbomoji_disabled_note { color: rgba(148, 148, 148, 0.6); } - -#edit_team_profile_container input:disabled, #edit_team_profile_container select:disabled { background: #545454; border: 1px solid #000; } - -#edit_team_profile_container .lazy_filter_select.disabled { background: #545454; } - -#edit_team_profile_container .lazy_filter_select.disabled input { background: #545454; } - -#edit_team_profile_add .row, #edit_team_profile_list .row { border-top: 1px solid var(--background-color); } - -#edit_team_profile_list .row:nth-last-child(2):hover { border-color: var(--background-color) !important; } - -#edit_team_profile_list .row:nth-child(n+5).active, #edit_team_profile_list .row:nth-child(n+5):hover { background: var(--background-color); border: 1px solid #000; } - -#edit_team_profile_list .row:nth-child(n+5).active .edit_team_profile_list_controls i.ts_icon_cog_o { color: #949494; } - -#edit_team_profile_list .edit_team_profile_list_controls i { color: var(--text); } - -#edit_team_profile_list .edit_team_profile_list_controls i.ts_icon_cog_o:hover { color: #949494; } - -#edit_team_profile_list .edit_team_profile_list_controls i.ts_icon_grabby_patty:hover { color: #949494; } - -#edit_team_profile_list .sortable-placeholder::before { border-top: 1px solid #545454; } - -#edit_team_profile_add .row:last-child { border-bottom: 1px solid #545454; } - -#edit_team_profile_add .row:not(.header_row):hover { background: var(--background-color); border: 1px solid #000; } - -#edit_team_profile_add .row:not(.header_row):hover .col:first-child { color: var(--text); } - -#edit_team_profile_add .row:not(.header_row):hover i { border-color: #000; color: var(--text); } - -#edit_team_profile_add i { color: #949494; } - -#edit_team_profile_edit .profile_field_preview_protector label.select::after, #edit_team_profile_edit .profile_field_preview_protector label.select:hover::after { color: #949494; } - -#edit_team_profile_edit .row.option_row.show_remove_action i { border: 1px solid #000; } - -#edit_team_profile_edit .row.option_row.show_remove_action i:hover { background-color: #bf360c; border-color: #bf360c !important; color: var(--text); } - -#edit_team_profile_edit .row i { border: 1px solid #000; color: var(--text); } - -#edit_team_profile_custom .row .col .profile_field_preview { background: var(--background-color); border: 2px solid #000; } - -#edit_team_profile_custom .row .col .profile_field_preview:active, #edit_team_profile_custom .row .col .profile_field_preview:hover { border-color: var(--background-color); } - -#edit_team_profile_custom .row .col .profile_field_preview:active span, #edit_team_profile_custom .row .col .profile_field_preview:hover span { color: #949494; } - -#edit_team_profile_custom .row .col input { background: #545454; border: 1px solid #000; } - -#edit_team_profile_custom .row .col[data-type=options_list] span::after { color: #949494; } - -#edit_team_profile_custom .row .col[data-type=options_list] input { border-right: 1px solid #000; } - -.profile_field_preview_protector .profile_field_preview { background: #222; border: 1px solid #545454; } - -.profile_field_preview_protector .profile_field_preview::after { background-color: #222; box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.25); } - -.profile_field_preview_protector .profile_field_preview::before { background-color: #222; box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.25); } - -.profile_field_preview_protector .profile_field_preview input:disabled, .profile_field_preview_protector .profile_field_preview select:disabled { background: #545454; color: #949494; } - -.profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #000, rgba(255, 255, 255, 0)); } - -.profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #000; } - -.profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #000 transparent transparent; } - -ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } - -ts-jumper ts-jumper-help { color: #949494; } - -ts-jumper input[type=text] { border: 1px solid #000 !important; color: var(--text); } - -ts-jumper input[type=text]:focus { border: 1px solid rgba(54, 54, 54, 0.8) !important; color: var(--text); } - -ts-jumper input[type=text]::-webkit-input-placeholder, ts-jumper input[type=text]:focus::-webkit-input-placeholder, ts-jumper input[type=text]::-moz-placeholder, ts-jumper input[type=text]:focus::-moz-placeholder { color: var(--text); } - -ts-jumper ol li { color: var(--text); } - -ts-jumper ol li .channel_name, ts-jumper ol li .member_real_name, ts-jumper ol li .member_username, ts-jumper ol li .team_username { color: #949494; } - -ts-jumper ol li .channel_not_member, ts-jumper ol li .team_username, ts-jumper ol li .member_real_name + .member_username, ts-jumper ol li .member_username + .member_real_name, ts-jumper ol li ts-icon { color: #949494; } - -ts-jumper ol li .unread_count { background: #bf360c; color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } - -ts-jumper ol li.highlighted { background: #828282 !important; color: var(--text) !important; } - -ts-jumper ol:not(.keyboard_active) li:hover { background: #828282 !important; color: var(--text) !important; } - -ts-jumper ol li.highlighted .channel_not_member, ts-jumper ol li.highlighted .member_real_name + .member_username, ts-jumper ol li.highlighted .member_username + .member_real_name, ts-jumper ol li.highlighted i.presence_icon, ts-jumper ol li.highlighted ts-icon, ts-jumper ol:not(.keyboard_active) li:hover .channel_not_member, ts-jumper ol:not(.keyboard_active) li:hover .member_real_name + .member_username, ts-jumper ol:not(.keyboard_active) li:hover .member_username + .member_real_name, ts-jumper ol:not(.keyboard_active) li:hover i.presence_icon, ts-jumper ol:not(.keyboard_active) li:hover ts-icon { color: var(--text); } - -.basic_share_dialog .share_dialog_divider { border-top-color: transparent; } - -.share_dialog_attachment_container { color: var(--text); } - -#share_dialog .file_list_item { border-color: #000; } - -#generic_dialog.basic_share_dialog .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon), #share_dialog .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon) { color: #949494; } - -#share_dialog_input_container #file_comment_textarea.ql-container { border-color: var(--background-color); } - -#share_dialog_input_container #file_comment_textarea.ql-container.focus { border-color: #545454; } - -#share_dialog_input_container #file_comment_textarea.ql-container.focus ~ .emo_menu { color: var(--text); } - -.ts_tip .ts_tip_multiline_inner, .ts_tip:not(.ts_tip_multiline) .ts_tip_tip { background: #545454; } - -.ts_tip .ts_tip_tip { color: var(--text); } - -.ts_tip.ts_tip_left .ts_tip_tip::after { border-left-color: #545454; } - -.ts_tip.ts_tip_right .ts_tip_tip::after { border-right-color: #545454; } - -.ts_tip.ts_tip_top .ts_tip_tip::after { border-top-color: #545454; } - -.ts_tip.ts_tip_bottom .ts_tip_tip::after { border-bottom-color: #545454; } - -.ts_tip.success .ts_tip_tip { background: #828282; } - -.ts_tip.success.ts_tip_left .ts_tip_tip::after { border-left-color: #828282; } - -.ts_tip.success.ts_tip_right .ts_tip_tip::after { border-right-color: #828282; } - -.ts_tip.success.ts_tip_top .ts_tip_tip::after { border-top-color: #828282; } - -.ts_tip.success.ts_tip_bottom .ts_tip_tip::after { border-bottom-color: #828282; } - -.c-tooltip__tip { background-color: #545454; color: var(--text); } - -.c-tooltip__tip--top .c-tooltip__tip__arrow { border-top-color: #545454; } - -.c-tooltip__tip--top-left .c-tooltip__tip__arrow { border-top-color: #545454; } - -.c-tooltip__tip--top-right .c-tooltip__tip__arrow { border-top-color: #545454; } - -.c-tooltip__tip--right .c-tooltip__tip__arrow { border-right-color: #545454; } - -.c-tooltip__tip--bottom .c-tooltip__tip__arrow { border-bottom-color: #545454; } - -.c-tooltip__tip--bottom-left .c-tooltip__tip__arrow { border-bottom-color: #545454; } - -.c-tooltip__tip--bottom-right .c-tooltip__tip__arrow { border-bottom-color: #545454; } - -.c-tooltip__tip--left .c-tooltip__tip__arrow { border-left-color: #545454; } - -.c-tooltip__tip--success { background-color: #0cbf72; } - -.c-tooltip__tip--success.c-tooltip__tip--top::after, .c-tooltip__tip--success.c-tooltip__tip--top-left::after, .c-tooltip__tip--success.c-tooltip__tip--top-right::after { border-top-color: #0cbf72; } - -.c-tooltip__tip--success.c-tooltip__tip--right::after { border-right-color: #0cbf72; } - -.c-tooltip__tip--success.c-tooltip__tip--bottom::after, .c-tooltip__tip--success.c-tooltip__tip--bottom-left::after, .c-tooltip__tip--success.c-tooltip__tip--bottom-right::after { border-bottom-color: #0cbf72; } - -.c-tooltip__tip--success.c-tooltip__tip--left::after { border-left-color: #0cbf72; } - -#coachmark.calls_interactive_mas_migration_coachmark_div, #coachmark.calls_iss_window_coachmark_div, #coachmark.calls_ss_main_coachmark_div, #coachmark.calls_ss_window_coachmark_div, #coachmark.calls_video_beta_coachmark_div, #coachmark.calls_video_ga_coachmark_div, #coachmark.channels_coachmark_div, #coachmark.direct_messages_coachmark_div, #coachmark.enterprise_analytics_usage_callouts_coachmark_div, #coachmark.gdrive_coachmark_div, #coachmark.highlights_arrows_coachmark_div, #coachmark.highlights_feedback_coachmark_div, #coachmark.highlights_message_coachmark_div, #coachmark.intl_channel_names_coachmark_div, #coachmark.invites_coachmark_div, #coachmark.name_tagging_coachmark_div, #coachmark.onboarding_coachmark_div, #coachmark.recent_mentions_coachmark_div, #coachmark.replies_coachmark_div, #coachmark.screenhero_deprecation_coachmark_div, #coachmark.starred_items_coachmark_div, #coachmark.unread_view_coachmark_div { background: #545454; } - -#coachmark.calls_interactive_mas_migration_coachmark_div #coachmark_callout, #coachmark.calls_interactive_mas_migration_coachmark_div #coachmark_interior, #coachmark.calls_iss_window_coachmark_div #coachmark_callout, #coachmark.calls_iss_window_coachmark_div #coachmark_interior, #coachmark.calls_ss_main_coachmark_div #coachmark_callout, #coachmark.calls_ss_main_coachmark_div #coachmark_interior, #coachmark.calls_ss_window_coachmark_div #coachmark_callout, #coachmark.calls_ss_window_coachmark_div #coachmark_interior, #coachmark.calls_video_beta_coachmark_div #coachmark_callout, #coachmark.calls_video_beta_coachmark_div #coachmark_interior, #coachmark.calls_video_ga_coachmark_div #coachmark_callout, #coachmark.calls_video_ga_coachmark_div #coachmark_interior, #coachmark.channels_coachmark_div #coachmark_callout, #coachmark.channels_coachmark_div #coachmark_interior, #coachmark.direct_messages_coachmark_div #coachmark_callout, #coachmark.direct_messages_coachmark_div #coachmark_interior, #coachmark.enterprise_analytics_usage_callouts_coachmark_div #coachmark_callout, #coachmark.enterprise_analytics_usage_callouts_coachmark_div #coachmark_interior, #coachmark.gdrive_coachmark_div #coachmark_callout, #coachmark.gdrive_coachmark_div #coachmark_interior, #coachmark.highlights_arrows_coachmark_div #coachmark_callout, #coachmark.highlights_arrows_coachmark_div #coachmark_interior, #coachmark.highlights_feedback_coachmark_div #coachmark_callout, #coachmark.highlights_feedback_coachmark_div #coachmark_interior, #coachmark.highlights_message_coachmark_div #coachmark_callout, #coachmark.highlights_message_coachmark_div #coachmark_interior, #coachmark.intl_channel_names_coachmark_div #coachmark_callout, #coachmark.intl_channel_names_coachmark_div #coachmark_interior, #coachmark.invites_coachmark_div #coachmark_callout, #coachmark.invites_coachmark_div #coachmark_interior, #coachmark.name_tagging_coachmark_div #coachmark_callout, #coachmark.name_tagging_coachmark_div #coachmark_interior, #coachmark.onboarding_coachmark_div #coachmark_callout, #coachmark.onboarding_coachmark_div #coachmark_interior, #coachmark.recent_mentions_coachmark_div #coachmark_callout, #coachmark.recent_mentions_coachmark_div #coachmark_interior, #coachmark.replies_coachmark_div #coachmark_callout, #coachmark.replies_coachmark_div #coachmark_interior, #coachmark.screenhero_deprecation_coachmark_div #coachmark_callout, #coachmark.screenhero_deprecation_coachmark_div #coachmark_interior, #coachmark.starred_items_coachmark_div #coachmark_callout, #coachmark.starred_items_coachmark_div #coachmark_interior, #coachmark.unread_view_coachmark_div #coachmark_callout, #coachmark.unread_view_coachmark_div #coachmark_interior { background: #545454; } - -#coachmark_footer .coachmark_done, #coachmark_footer .coachmark_got_it, #coachmark_footer .coachmark_next_tip, #coachmark_footer .coachmark_ok { background: rgba(130, 130, 130, 0.5) !important; } - -#coachmark_interior { color: var(--text); } - -#coachmark_interior .coachmark_close_btn { color: var(--text); } - -.menu_member_header { background: #000; } - -.menu_member_header .member_details .member_name_and_presence { color: var(--text); } - -.menu_member_header .member_details .member_name_and_presence .member_name { color: var(--text); } - -.menu_member_header .member_details .member_name_and_presence .presence.away { color: #fff; } - -.menu_member_header .member_details .member_title { color: #949494; } - -.menu_member_header .member_details .member_restriction, .menu_member_header .member_details .member_timezone_value { color: #949494; } - -.menu_member_header .member_details .member_restriction a, .menu_member_header .member_details .member_timezone_value a { color: #949494; } - -.menu_member_header .member_details .member_restriction a:hover, .menu_member_header .member_details .member_timezone_value a:hover { color: #c7c7c7; } - -.menu_member_header .member_details_divider { border-color: #545454; } - -.menu_member_footer { background: #000; border-top: 1px solid #545454; } - -.menu_member_footer p { color: #949494; } - -.member_meta { color: #949494; } - -.mini, .dull_grey, .flat_grey, .blue_link, .blue_fill, .slate_blue, .charcoal_grey, .indifferent_grey, .ts_tip_tip .subtle_silver { color: var(--text) !important; } - -.greigh, .sky_blue, .severe_grey, .havana_blue, .burnt_violet, .plastic_grey, .cloud_silver, .sk_dark_gray, .sk_dark_grey, .subtle_silver, .old_petunia_grey { color: #949494 !important; } - -.clear_blue { color: #949494 !important; } - -.moscow_red, .yolk_orange, .mustard_yellow, .candy_red_on_hover:hover, .moscow_red_on_hover:hover { color: #bf360c !important; } - -.seafoam_green { color: #0cbf72 !important; } - -.candy_red_bg { background-color: #bf360c !important; } - -.off_white_bg, .neutral_white_bg { background-color: var(--background-color) !important; } - -.yolk_orange_bg, .burnt_violet_bg, .flexpane_grey_bg { background-color: #424242 !important; } - -.sky_blue_bg, .clear_blue_bg, .seafoam_green_bg { background-color: #545454 !important; } - -.sk_black { color: inherit; } - -.monkey_scroll_bar { z-index: 99; } - -.client_header_icon { -moz-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5); -webkit-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5); filter: brightness(0.6) contrast(3) invert(1) sepia(0.5); } - -nav.top.persistent { background: var(--background-color); } - -nav.top.persistent .logo { background-position: 50% 0 !important; } - -.widescreen #header_team_name a i { margin-left: 1.5em; } - -.widescreen #user_menu { border-right: none; } - -header #menu_toggle { color: #949494; } - -header #header_team_nav { background: var(--background-color); border: 1px solid #000; } - -header #header_team_nav li.active a { background: #222; color: var(--text); } - -header .header_btns a { color: #949494; } - -header .header_btns a .label { color: #949494; } - -header .vert_divider { border-left: 1px solid #000; } - -footer, #autocomplete_menu.search_menu footer.unified { background-color: var(--background-color); border-color: #000; color: var(--text); } - -footer ul a, #autocomplete_menu.search_menu footer.unified ul a { color: var(--text); } - -footer ul a:link, footer ul a:visited, #autocomplete_menu.search_menu footer.unified ul a:link, #autocomplete_menu.search_menu footer.unified ul a:visited { color: var(--text); } - -.plastic_row h3 { color: var(--text); } - -.plastic_row h4 a { color: var(--text); } - -.plastic_row .icon { color: var(--text); } - -.plastic_row .chevron { color: #949494; } - -.plastic_row .description { color: var(--text); } - -.plastic_row:active { background: #222; border-color: #000; } - -.plastic_row:active .chevron { color: var(--text); } - -html.no_touch .plastic_row:hover { background: #222; border-color: #000; } - -html.no_touch .plastic_row:hover .chevron { color: var(--text); } - -html.no_touch .pagination ul > li > a:hover { background-color: #000; } - -html.no_touch .pagination ul > .disabled > a:hover { background: var(--background-color); color: #949494; } - -html.no_touch .pager li > a:hover, html.no_touch .pager li > a:focus { color: #c7c7c7; } - -.card, .tab_pane { background: var(--background-color); border: 1px solid #000; color: var(--text); } - -.card h3 a { color: var(--text); } - -#page_contents .card { background: rgba(54, 54, 54, 0.8) !important; } - -#page_contents .card p { color: var(--text); } - -.tab_set a.secondary { color: #949494; } - -.tab_set a.selected, .tab_set a.secondary.selected { background: var(--background-color); border: 1px solid #000; border-bottom-color: var(--background-color); color: #c7c7c7; } - -.tab_actions { background: var(--background-color); border: 1px solid #000; border-color: #000; } - -.accordion_section { border-bottom-color: #222; } - -.accordion_section h4 { color: var(--text); } - -.accordion_section h4 a { color: var(--text); } - -.no_touch .accordion_section h4 a:hover { color: var(--text); } - -.accordion_section_fixed { border-bottom-color: #222 !important; } - -.pager li > a, .pager li > span { background-color: #222; background-image: none; border-color: var(--background-color); color: #949494; } - -.pager li.previous > a, .pager li.previous > span { background-position: 0; padding-right: 0; text-align: center; } - -.pager li.next > a, .pager li.next > span { background-position: 0; padding-left: 0; text-align: center; } - -.pager .disabled > a, .pager .disabled > span { color: #949494; } - -.pagination ul > li > a, .pagination ul > li > span { background: var(--background-color); border: 1px solid #000; color: var(--text); } - -.pagination ul > li > a:focus { background-color: #000; } - -.pagination ul > .active > a, .pagination ul > .active > span { background-color: #000; } - -.pagination ul > .disabled > span { background: var(--background-color); color: #949494; } - -.pagination ul > .disabled > a { background: var(--background-color); color: #949494; } - -.pagination ul > .disabled > a:focus { background: var(--background-color); color: #c7c7c7; } - -.loading_hash_animation img { display: none; } - -.icon_search_close { color: #949494; } - -.icon_search_close:hover { color: #c7c7c7; } - -.help { border-top-color: #000; color: #949494; } - -.two_factor_option_app, .two_factor_option_sms, .configure-step1, .configure-step3 { display: none; } - -.two_factor_choice { background-color: var(--background-color); border: 1px solid #545454; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } - -.two_factor_choice:hover { box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15); } - -.two_factor_choice:hover .two_factor_link { color: var(--text); } - -a.two_factor_choice { background-color: var(--background-color); border: 1px solid #545454; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } - -a.two_factor_choice:link { background-color: var(--background-color); border: 1px solid #545454; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } - -a.two_factor_choice:hover, a.two_factor_choice:link:hover { box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15); } - -a.two_factor_choice:hover .two_factor_link, a.two_factor_choice:link:hover .two_factor_link { color: var(--text); } - -.backup_codes { background: #000; border-color: #545454; color: var(--text); } - -#channel_specific_settings tr { border-top-color: #222; } - -#channel_specific_settings tr.channel_override_row.muted td { background: rgba(34, 34, 34, 0.5); } - -#channel_specific_settings .extra_left_border { border-left-color: #222; } - -#channel_specific_settings .extra_right_border { border-right-color: #222; } - -#channel_specific_settings .revert_to_default { color: #949494; } - -#channel_specific_settings .revert_to_default:hover { color: #bf360c; } - -.admin_list_item { border-bottom-color: #222; color: #949494; } - -.admin_list_item:hover { background-color: var(--background-color); } - -.admin_list_item .admin_member_full_name, .admin_list_item .admin_member_real_name { color: var(--text); } - -.admin_list_item .admin_member_type, .admin_list_item .admin_member_caret { color: #949494; } - -.admin_list_item .pill.group { background: #424242; } - -.admin_list_item .two_factor_auth_badge:hover { background: #424242; } - -.admin_list_item .inline_email:hover, .admin_list_item .inline_name:hover, .admin_list_item .inline_username:hover { background: none !important; } - -.admin_list_item.invite_item.bouncing { background: #828282; } - -.admin_list_item.invite_item.bouncing .email { color: #bf360c; } - -.admin_list_item.error, .admin_list_item.expanded, .admin_list_item.processing, .admin_list_item.success { background-color: #222; } - -.admin_list_item.expanded .btn_outline { border-color: #222; color: var(--text) !important; } - -.admin_list_item.expanded .btn_outline:hover { border-color: var(--background-color); color: var(--text) !important; } - -.admin_list_item.expanded .sub_action { color: #949494; } - -.admin_list_item.expanded .sub_action:hover { color: #c7c7c7; } - -@media screen and (max-width: 768px) { .admin_list_item.expanded .sub_action + .sub_action:hover::before, .admin_list_item.expanded .sub_action + .sub_action:hover::after { color: #949494; } } - -.billing_selection { border-color: #000; color: var(--text) !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } - -.billing_selection:hover { border-color: #828282; } - -.billing_selection.active { background: #545454; border-color: #828282; } - -.billing_selection.billing_selection--refactor { border-color: #545454; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } - -.billing_selection.billing_selection--refactor:hover { border-color: #828282; } - -.billing_selection.billing_selection--refactor.active { background: #545454; border-color: #828282; } - -.billing_selection .billing_selection__price { color: var(--text); } - -#billing_contacts_container { background: var(--background-color); border-top: 1px solid #000; } - -.billing_contact { border-bottom: 1px solid #222; } - -table.billing tr:hover td { background: var(--background-color); } - -.link_billing_statement { color: var(--text) !important; } - -.link_invoice_id, .link_statement_id { color: #949494 !important; } - -.billing_invoice tbody tbody tr { color: var(--text) !important; } - -.billing_settings_label_name { color: var(--text); } - -table tr { border-bottom-color: #222; } - -table tr:first-child th:not(:only-of-type) { border-bottom-color: #000; } - -.slackbot_response_fieldset .delete_response { color: #949494; } - -.slackbot_response_fieldset .delete_response:hover { color: #bf360c; } - -.author_cell { color: var(--text); } - -.message_cell.disabled { color: #949494; } - -#message_container #msg_limit { color: var(--text); } - -.statuses_container .current_status_cell .current_status_container .current_status_cover, .statuses_container .current_status_cell .current_status_container:not(.active).with_status_set .current_status_cover { border-color: #545454; } - -.statuses_container .current_status_cell .current_status_container .current_status_emoji_picker_cover, .statuses_container .current_status_cell .current_status_container:not(.active).with_status_set .current_status_emoji_picker_cover { border-right: 1px solid #545454; } - -.inactive { background-image: none; } - -.c3 line, .c3 path { stroke: #828282; } - -.c3-chart-arc .c3-gauge-value { fill: #828282; } - -.c3-chart-arc path { stroke: var(--background-color); } - -.c3-chart-arc text { fill: var(--background-color); } - -.c3-chart-arcs .c3-chart-arcs-background { fill: #545454; } - -.c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: var(--background-color); } - -.c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #828282; } - -.c3-circle._expanded_ { stroke: var(--background-color); } - -.c3-grid line { stroke: #828282; } - -.c3-grid text { fill: var(--text); } - -.c3-legend-background { fill: var(--background-color); stroke: #545454; } - -.c3-region { fill: #545454; } - -.c3-selected-circle { fill: var(--background-color); } - -.c3-tooltip { background-color: var(--background-color); box-shadow: 7px 7px 12px -9px rgba(0, 0, 0, 0.5); } - -.c3-tooltip td { background-color: var(--background-color); border-left-color: #545454; } - -.c3-tooltip th { background-color: var(--background-color); color: var(--text); } - -.c3-tooltip tr { border-color: #545454; } - -.ent_alert a { color: #949494; } - -.ent_alert a:link, .ent_alert a:visited { color: #c7c7c7; } - -.ent_alert_page.ent_alert_error { background: #bf360c; } - -.ent_alert_page.ent_alert_success { background: #0cbf72; } - -.ent_analytics__disclaimer { border-top-color: #828282; color: #949494; } - -.ent_analytics_overview__header { box-shadow: 0 1px rgba(0, 0, 0, 0.25); } - -.ent_avatar--bordered::before { box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); } - -.ent_avatar { background-color: #545454; } - -.ent_callout__difference--increase { color: #0cbf72; } - -.ent_callout__icon_border { background-color: var(--background-color); border-color: #828282; } - -.ent_callout__icon_image, .ent_callout__icon--filled { border-color: #828282; } - -.ent_callout__icon--empty, .ent_callout__icon--hidden { border-color: #545454; } - -.ent_callout__icon--limit_reached { border-color: #828282; } - -.ent_callout__insight { color: #949494; } - -.ent_callout__limit { color: #949494; } - -.ent_callout__meter_bar_container { background: #222; } - -.ent_callout__meter_bar_border { border-color: #222; } - -.ent_callout__meter_bar_fill--empty { background: #828282; border-color: #828282; } - -.ent_callout__meter_bar_fill--filled { background: #828282; border-color: #828282; } - -.ent_callout__meter_bar_fill--limit_reached { background: #bf360c; border-color: #bf360c; } - -.ent_callout__meter_bar_gleam { background: rgba(130, 130, 130, 0.5); } - -.ent_callout__title { color: var(--text); } - -.ent_copy_muted { color: #949494; } - -.ent_copy { color: var(--text); } - -.ent_csv_popover__footer_text { color: #949494; } - -.ent_csv_popover__footer { background: var(--background-color); border-top-color: #828282; } - -.ent_csv_popover__subtitle { color: #949494; } - -.ent_csv_popover__title { color: var(--text); } - -.ent_data_table__cell--header { color: #949494; } - -.ent_data_table__cell--positive { color: var(--text); } - -.ent_data_table__cell--sortable:hover { background-color: var(--background-color); } - -.ent_data_table__cell--sorting { color: #949494; } - -.ent_data_table__cell { border-bottom-color: #828282; color: var(--text); } - -.ent_data_table__column_group--pinned .ent_data_table__row, .ent_data_table__column_group--right_border { border-right-color: #828282; } - -.ent_data_table__column_group { background-color: var(--background-color); } - -.ent_data_table__data_link, a.ent_data_table__data_link { color: var(--text); } - -.ent_data_table__row--hovered { background-color: #222; } - -.ent_data_table__scrollable--left_shadow::before { box-shadow: inset -14px 0 14px -14px transparent, inset 14px 0 14px -14px rgba(0, 0, 0, 0.25); } - -.ent_data_table__scrollable--left_shadow.ent_data_table__scrollable--right_shadow::before { box-shadow: inset -14px 0 14px -14px rgba(0, 0, 0, 0.25), inset 14px 0 14px -14px rgba(0, 0, 0, 0.25); } - -.ent_data_table__scrollable--right_shadow::before { box-shadow: inset -14px 0 14px -14px rgba(0, 0, 0, 0.25), inset 14px 0 14px -14px transparent; } - -.ent_data_table__secondary_text { color: #949494; } - -.ent_data_table__thead, .ent_data_table--empty_state_wrapper { background-color: var(--background-color); } - -.ent_data_table--fix_borders .ent_data_table__row, .ent_data_table--fix_borders .ent_data_table__thead { border-bottom-color: #828282; } - -.ent_data_table--rounded_top { border-top-color: #828282; } - -.ent_data_table { border-bottom-color: #828282; border-left-color: #828282; border-right-color: #828282; } - -.ent_empty_state_overlay__content_heading, .ent_empty_state_overlay__content_main_heading { color: var(--text); } - -.ent_graph__data_summary_date_label, .ent_graph__data_summary_point::after { color: #949494; } - -.ent_graph__legend_item--defocus { fill: #949494 !important; } - -.ent_graph__legend_text { fill: var(--text); } - -.ent_graph__svg_container .c3-axis path { stroke: #828282; } - -.ent_graph__svg_container .c3-grid line { stroke: #828282; } - -.ent_graph__svg_container .c3-grid .ent_xgrid_month_divider line, .ent_graph__svg_container .c3-grid .ent_xgrid_week_divider line, .ent_graph__svg_container .c3-grid .ent_xgrid_year_divider line { stroke: #828282; } - -.ent_graph__svg_container .c3-tooltip { border-color: #828282; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } - -.ent_graph__svg_container .c3-tooltip td, .ent_graph__svg_container .c3-tooltip th, .ent_graph__svg_container .c3-tooltip tr { background-color: var(--background-color); color: var(--text); } - -.ent_graph__svg_container .c3-tooltip th { border-bottom-color: #828282; } - -.ent_graph__svg_container .c3-xgrid-focus line { stroke: #949494; } - -.ent_graph__svg_container .ent_graph__point:not(._expanded_) { fill: var(--background-color) !important; } - -.ent_graph__svg_container .ent_graph__point._expanded_ { stroke: var(--background-color) !important; } - -.ent_graph__svg_container text { fill: #949494; } - -.ent_graph__tooltip { color: #949494; } - -.ent_graph_empty__overlay { background: var(--background-color); } - -.ent_graph_empty__text { color: var(--text); } - -.ent_graph_header--primary { color: var(--text); } - -.ent_graph_header--secondary { color: #949494; } - -.ent_graph_tabs__tab--selected { color: var(--text); } - -.ent_graph_tabs__tab--selected_ent_violet::after, .ent_graph_tabs__tab--selected_fill_blue::after, .ent_graph_tabs__tab--selected_seafoam_green::after { background-color: #828282; } - -.ent_graph_tabs__tab { color: #949494; } - -.ent_graph_tabs { border-bottom-color: #828282; } - -.ent_header { color: var(--text); } - -.ent_icon_button { color: #949494; } - -.ent_icon_button:hover { color: var(--text); } - -.ent_infographic_container { border-top-color: #828282; } - -.ent_loading__overlay { background-image: linear-gradient(to bottom, rgba(54, 54, 54, 0.8), var(--background-color)); } - -.ent_modal__title--small { color: var(--text); } - -.ent_modal_background { background-color: #222; } - -.ent_modal_breadcrumb_animated_step { background: #545454; } - -.ent_modal_breadcrumb_circle_icon { background: #222; } - -.ent_modal_breadcrumb_line { background: #545454; } - -.ent_modal_breadcrumb_text { color: #949494; } - -.ent_modal_footer { background-color: var(--background-color); } - -.ent_modal_title { color: var(--text); } - -.ent_table__header--title { color: var(--text); } - -.ent_table__header { background-color: #222; border-color: #828282; } - -.ent_table_banner__contents { background: #222; border-top-color: #828282; box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.15); } - -.ent_table_banner__header { color: var(--text); } - -.ent_table_banner__secondary_text { color: #949494; } - -.ent_table_customizer__header_subtitle { color: #949494; } - -.ent_table_customizer_disabled_list_header { color: #949494; } - -.ent_table_customizer_footer { background-color: #222; border-top-color: #000; color: #949494; } - -.ent_table_customizer_header { border-bottom-color: #222; } - -.ent_table_customizer_list_item--disabled { color: #949494; } - -.ent_updated_at { color: #949494; } - -.enterprise { background-color: var(--background-color); } - -.enterprise .btn.candy_red { color: #bf360c !important; } - -.enterprise_analytics { background-color: var(--background-color); } - -.enterprise_org { background-color: var(--background-color); } - -.enterprise_search_bar .ent_clear_search_icon { color: #949494; } - -.enterprise_search_bar::before { color: var(--text); } - -@keyframes color_fade { from { color: #949494; } - to { color: var(--text); } } - -.file_header .title a { color: #949494; } - -.file_header .title a:hover { color: #c7c7c7; } - -.file_actions_cog { color: #949494 !important; } - -.file_actions_cog:hover { color: #c7c7c7 !important; } - -.file_reference .icon, .file_list_item .icon, .file_preview { border: 2px solid #000; } - -.action_cog { color: #949494; } - -.action_cog i { color: #949494; } - -html.no_touch .action_cog:hover { color: #c7c7c7; } - -html.no_touch .action_cog:hover i { color: #c7c7c7; } - -.help_pages.help_pages p { color: var(--text); } - -.help_pages.help_pages a { border-bottom-color: #545454; } - -.help_pages.help_pages .o-hero, .help_pages.help_pages .o-hero__header { background-color: #222; } - -.help_pages.help_pages .o-hero__header { color: var(--text); } - -.help_pages.help_pages .o-section--feature { background-color: var(--background-color); border-top-color: #545454; } - -.help_pages.help_pages .c-form__container .c-form__feedback { color: #bf360c; } - -.help_pages.help_pages .c-form__input, .help_pages.help_pages .c-input { background-color: #222; border-color: #545454; color: var(--text); } - -.help_pages.help_pages .drop_zone { background: #222; border-color: #828282; } - -.help_pages.help_pages .drop_zone_attachment { border-bottom-color: #545454; } - -.help_pages.help_pages .drop_zone_remove_attachment { background-color: #222; } - -.help_pages.help_pages .c-form__notice { background-color: #545454; border-color: #828282; color: var(--text); } - -.help_pages.help_pages .c-form__notice.is-error { border-left-color: #bf360c; } - -.help_pages.help_pages .c-nav--footer { border-top-color: #545454; } - -@media screen and (min-width: 48rem) { .help_pages.help_pages .o-hero { background-color: #222; } } - -.widescreen:not(.nav_open) { color: var(--text); } - -@media only screen and (min-width: 1441px) { .widescreen:not(.nav_open) nav#site_nav { background: rgba(34, 34, 34, 0.9); } } - -.widescreen:not(.nav_open) nav#site_nav h3 { color: var(--text); } - -.widescreen:not(.nav_open) nav#site_nav ul a { color: #949494; } - -.widescreen:not(.nav_open) nav#site_nav ul a:link, .widescreen:not(.nav_open) nav#site_nav ul a:visited, .widescreen:not(.nav_open) nav#site_nav ul a:hover, .widescreen:not(.nav_open) nav#site_nav ul a:active { color: #c7c7c7; } - -.widescreen:not(.nav_open) nav#site_nav #user_menu_name { color: #949494; } - -nav#site_nav { background: var(--background-color); } - -nav#site_nav #user_menu_contents:hover { background: #222; color: var(--text); } - -header { background: var(--background-color); } - -header #header_team_nav li a { color: var(--text); } - -header #header_team_nav li a:hover { background: #222; color: var(--text); } - -header #header_team_nav li a .team_icon.ts_icon_plus { background: #000; color: #949494; } - -header #header_team_nav #add_team_option { border-top: 1px solid #000; } - -html.no_touch header #header_team_nav li a { color: var(--text); } - -html.no_touch header #header_team_nav li a:hover { background: #222; color: var(--text); } - -html.no_touch header #header_team_name a:hover, html.no_touch header #menu_toggle:hover { color: #c7c7c7; } - -html.no_touch header .header_btns a:hover { color: #c7c7c7; } - -html.no_touch header .header_btns a:hover .label { color: #949494; } - -nav#site_nav h3, #header_team_name, header #header_team_name a { color: #949494; } - -nav#site_nav #footer_nav a, #header_team_name:hover .fa-caret-down, .widescreen:not(.nav_open) nav#site_nav #footer_nav a { color: #c7c7c7; } - -#home_footer a { color: #c7c7c7; } - -.admin_pref:not(:first-of-type) { border-top-color: #222; } - -.admin_pref.locked { background-color: rgba(191, 54, 12, 0.2); } - -.admin_pref .admin_pref_locked_label { color: #949494; } - -.tooltip-inner { background-color: #828282; color: var(--text); } - -.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow { border-top-color: #828282; } - -.tooltip.right .tooltip-arrow { border-right-color: #828282; } - -.tooltip.left .tooltip-arrow { border-left-color: #828282; } - -.tooltip.bottom .tooltip-arrow { border-bottom-color: #828282; } - -.api #header_logo img { display: none; } - -body.api header .header_links a { color: var(--text); } - -body.api header .header_links a.active { background: #545454; } - -body.api .reverse_header { background-color: #000; color: var(--text); } - -body.api pre { overflow-x: auto; } - -body.api pre code { color: var(--text); } - -body.api #page_contents .card { background: var(--background-color); } - -body.api .scopes_to_methods code { color: var(--text); } - -body.api .scopes_to_methods .selected code { color: #bf360c; } - -body.api .scopes_to_methods li { color: var(--text); } - -body.api .scopes_to_methods .selected li { color: var(--text); } - -body.api .section_title { border-bottom: 2px solid #222; } - -body.api .example { border: 1px solid #000; } - -body.api .example h5 { background-color: #000; color: var(--text); } - -body.api .alert { background: #545454; } - -body.api .hljs { background-image: none; } - -body.api .hljs-keyword, body.api .hljs-selector-tag, body.api .hljs-subst { color: #ce93d8; } - -body.api .hljs-number { color: #a5d6a7; } - -body.api .hljs-literal, body.api .hljs-tag .hljs-attr { color: #536dfe; } - -body.api .hljs-variable { color: #9fa8da; } - -body.api .hljs-template-variable { color: #c5e1a5; } - -body.api .hljs-comment { color: #ffcc80; } - -body.api .hljs-doctag, body.api .hljs-string { color: #ef9a9a; } - -body.api .hljs-section, body.api .hljs-selector-id, body.api .hljs-title { color: #ffab91; } - -body.api .hljs-meta { color: #eee; } - -body.api .hljs-class .hljs-title, body.api .hljs-type { color: #eee; } - -body.api .hljs-built_in, body.api .hljs-builtin-name { color: #b39ddb; } - -body.api .hljs-tag { color: #a5d6a7; } - -body.api .hljs-attribute, body.api .hljs-name { color: #40c4ff; } - -body.api .hljs-bullet, body.api .hljs-symbol { color: #9fa8da; } - -body.api .hljs-quote { color: #b0bec5; } - -body.api .hljs-link, body.api .hljs-regexp { color: #949494; } - -body.api span.btn { background-color: #222; } - -body.api span.deprecation, body.api span.warning { background-color: #bf360c; border-color: #bf360c; } - -nav#api_nav { background: transparent; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } - -#api_nav .footer_nav a { color: #949494; } - -#api_nav .footer_nav a:hover { color: #c7c7c7; } - -#api_nav .footer_nav .footer_signature { color: #bf360c; } - -.api_articles .api_articles_section { border-bottom-color: #222; } - -.api_articles .article_tag_count { color: #949494; } - -.api.feature_related_content #api_related_content h2 { color: var(--text); } - -.api.feature_related_content #api_related_content .article_link_title_wrapper { color: #949494; } - -.tab_menu { background-color: var(--background-color); } - -.tab_menu.grey { background-color: var(--background-color); } - -.tab_menu .tab { color: var(--text); } - -.tab_menu .tab:hover { box-shadow: inset 0 -4px 0 0 rgba(191, 54, 12, 0.4); } - -.tab_menu .tab.active, .tab_menu .tab:active, .tab_menu .tab:focus { box-shadow: inset 0 -4px 0 0 #bf360c; color: var(--text); } - -.tab_menu .tab:disabled { color: #949494; } - -.page_faq h3, .page_scim h3 { background-color: #222; } - -.application_config aside { color: #949494; } - -.page_apps_directory_home { background-color: #222 !important; } - -.page_apps_directory_home .nav_title { color: var(--text) !important; } - -.page_apps_directory_home__search .apps_search_input::placeholder, .page_apps_directory_home__search .apps_search_input:focus::placeholder { color: #949494; } - -.page_apps_directory_home__search .apps_search_input__body { box-shadow: 0 1px 10px #828282; } - -.splash_container__background { background-color: var(--background-color); } - -.splash_container__background--left, .splash_container__background--center, .splash_container__background--right { display: none; } - -.splash_interactive__button { border-color: #545454; } - -.splash_interactive__button--active { box-shadow: 0 0 10px 1px #828282; } +:root { + /* Modify these to change your theme colors: */ + --primary: #09F; + --text: #888; + --background: #111; + --background-elevated: #222; -.splash_interactive__window { background-color: #222; border-color: #545454; } + /* These should be less important: */ + --background-hover: rgba(255, 255, 255, 0.1); + --background-light: #AAA; + --background-bright: #FFF; -.splash_interactive__window:hover .splash_interactive__window_headline { color: var(--text); } + --border-dim: #666; + --border-bright: var(--primary); -.splash_interactive__window::after { background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0, #222 100%); } + --text-bright: #888; + --text-special: var(--primary); -.splash_interactive__window_response { background-color: #fff; } + --scrollbar-background: #000; + --scrollbar-border: var(--primary); +} -a.splash_interactive__window_link { color: var(--text); } +h1, h2, h3, h4 { + color: var(--text); +} -.splash_interactive__window_message_content_text--drive { color: #949494; } +body { + background: var(--background); + color: var(--text); +} +hr { + border: 0; + border-bottom: 1px solid var(--background-elevated); +} -.search_input.apps_search_input { border-color: #828282; } +.popover_mask { + background-color: rgba(0, 0, 0, 0.3); +} -.menu_launcher, .menu_launcher_large { background-color: #545454; border-color: #222 !important; color: var(--text); } +/* Team Picker */ +.TeamSidebar, .TeamSidebar .StoplightContainer, .TeamSidebar .TeamSidebar-addArea { + background-color: var(--background) !important; + box-shadow: var(--background) 1px 1px 25px; + color: var(--text); + z-index: 1; +} -.menu_launcher_large { border-color: #222; } -.menu.avatar_menu ul li:hover ts-icon { background: #545454; color: var(--text); } +/* Channel selector */ +/*.TeamSidebar, .TeamSidebar .StoplightContainer, .TeamSidebar .TeamSidebar-addArea {*/ +/*nav.p-channel_sidebar {*/ +div.client_channels_list_container { + background-color: var(--background-elevated) !important; + box-shadow: var(--background-elevated) 1px 1px 25px; + color: var(--text); + z-index: 1; +} -.menu.avatar_menu ul li a { color: var(--text); } +nav.p-channel_sidebar { + background-color: var(--background-elevated); + color: var(--text); +} -.menu.avatar_menu ul li a img, .menu.avatar_menu ul li a ts-icon { background-color: #545454; color: #949494; } +#team_menu, +body:not(.loading) #team_menu:hover, +body:not(.loading) #team_menu:active { + background-color: var(--background-elevated) !important; +} -.menu.avatar_menu:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon { color: var(--text); } +.p-channel_sidebar__channel, +.p-channel_sidebar__link, +.p-channel_sidebar__channel:link, +.p-channel_sidebar__link:link, +.p-channel_sidebar__channel:visited, +.p-channel_sidebar__link:visited, +.p-channel_sidebar__channel:hover, +.p-channel_sidebar__link:hover { + color: var(--text) !important; +} -#page .media_list { background-color: var(--background-color); border: 1px solid #545454; } +/* Channel with unread messages */ +.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name, +.p-channel_sidebar__link--unread:not(.p-channel_sidebar__link--selected) .p-channel_sidebar__name, +.p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name, +.p-channel_sidebar__section_heading_label--clickable:hover, +.p-channel_sidebar__quickswitcher:hover { + color: var(--text-bright) !important; +} -#page .media_list > li + li::before { border-top-color: #545454; } +/*broken*/ +__TODO-highlight-indicator { + background-color: var(--border-bright) !important; + opacity: 1; +} -#page .media_list > li.interactive a { color: var(--text); } +#msgs_scroller_div::-webkit-scrollbar-track, .client_container, +#search_terms, #footer, ts-message, .channel_header, ts-jumper ts-jumper-container, +ts-jumper input[type="text"], +.supports_custom_scrollbar:not(.slim_scrollbar) #col_channels:hover #channels_scroller::-webkit-scrollbar-track, +#channel_header_info, #channel_topic_text, #channel_topic_text code, #edit_topic_inner:before, +.p-message_pane .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider, .p-message_pane .c-message_list:not(.c-virtual_list--scrollbar) +{ + background: var(--background) !important; + border-color: var(--border-dim); +} +.p-message_pane .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .c-message_list:not(.c-virtual_list--scrollbar):before { + background: var(--background); +} +.p-message_pane__limited_history_foreword { + color: var(--text); + background: var(--background-elevated); +} -#page .media_list > li.interactive a:focus, #page .media_list > li.interactive a:hover { background: #545454; border-color: #828282; } +.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), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight) { + background-color: var(--background-hover); +} +.c-message--light .c-message__sender .c-message__sender_link { + color: var(--text); +} +.c-message_list__day_divider__line { + border-top: 1px solid var(--border-dim); +} -#page .media_list > li .media_list_text { color: var(--text); } +.c-message__body { + color: var(--text); +} -#page .media_list.media_list_with_arrows a::before { color: #949494; } +.c-message_list__day_divider__label__pill { + background: var(--background-elevated); + color: var(--text-bright); +} +.attachment_group .inline_attachment.message_unfurl .attachment_source .attachment_source_name a, .attachment_group .inline_attachment.message_unfurl .attachment_source .attachment_source_name span +{ + color: var(--text); +} +.c-message_group { + background-color: unset; + border: 1px solid var(--border-dim); +} +.c-message_group:hover { + border-color: var(--border-dim); +} -#page .media_list_title { color: var(--text); } +.msg_inline_attachment_column.column_border { + background-color: var(--border-dim); +} -#page .media_list_subtitle { color: #949494; } +/* this styles only the brighter variant of attachment borders */ +.c-message_attachment__border[style="background-color: rgb(208, 208, 208)"], .c-message_attachment__border:not([style]) { + background-color: var(--background-elevated) !important; +} -#page .sidebar_menu_list_item { color: var(--text); } -#page .sidebar_menu_list_item.is_active { background-color: #222; border-color: #222; color: var(--text); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } +.c-member_slug--link { + background: var(--background-elevated); +} -#page .sidebar_menu_list_item.is_active a { color: var(--text); } +.channel_header, #col_messages, #footer { + box-shadow: none; +} +/* buttons */ +.btn.disabled, .btn.disabled:active, .btn.disabled:hover, .btn:disabled, .btn:disabled:active, .btn:disabled:hover { + background-color: var(--background-light) !important; +} +.btn_outline.hover, .btn_outline:focus, .btn_outline:hover { + background: var(--background-hover) !important; +} +.btn_basic:focus, .btn_basic:hover { + color: var(--text-special); +} -#page .sidebar_menu_list_item:not(.is_active):hover { background-color: #222; border-color: #222; } +/* channel list */ +.p-channel_sidebar__channel, +.p-channel_sidebar__link { + border-radius: 0 15px 15px 0; + height: 24px !important; +} -#page .sidebar_menu_list_item a { color: var(--text); } +.p-channel_sidebar__channel a { + color: var(--text); +} -#page ul.breadcrumbs li { color: #949494; } +.p-channel_sidebar__channel--selected, +.p-channel_sidebar__link--selected, +.p-channel_sidebar__channel--selected:link, +.p-channel_sidebar__link--selected:link, +.p-channel_sidebar__channel--selected:visited, +.p-channel_sidebar__link--selected:visited, +.p-channel_sidebar__channel--selected:hover, +.p-channel_sidebar__link--selected:hover { + background-color: var(--background) !important; + border: solid var(--border-bright); + border-width: 1px 1px 1px 0; +} -#page ul.breadcrumbs li:not(:first-child)::before { color: #949494; } +.p-channel_sidebar__channel:hover, +.p-channel_sidebar__link:hover{ + background-color: var(--background-hover) !important; + border-color: transparent; + color: var(--text) !important; + height: 24px !important; +} -#page ul.navigation_list li a { color: var(--text); } +.p-channel_sidebar__close_container { + background: none !important; +} -#page ul.navigation_list li a:hover { background-color: #545454; } +.p-channel_sidebar__channel--selected:hover, +.p-channel_sidebar__link--selected:hover { + border: solid var(--border-dim); + border-width: 1px 1px 1px 0; +} -#page ul.navigation_list li a::after { color: var(--text); } +/*broken*/ +li.active[class] span, +#channels_scroller.show_which_channel_is_active[class] ul li.active .primary_action .prefix, +#channels_scroller.show_which_channel_is_active[class] ul li.active .primary_action, +#channels_scroller.show_which_channel_is_active[class] ul li.active .primary_action.im_name > *:not(.unread_highlights) { + color: var(--text-special) !important; + background-color: transparent; + opacity: 1; +} -#page ul.navigation_list li + li a { border-top: 1px solid transparent; } +/*"more unreads" bottom*/ +.p-channel_sidebar__banner--top { + background-color: var(--background); + border: 1px solid var(--border-bright); + border-top: none; + border-radius: 0 0 15px 15px; +} -#page .tag { background-color: #000; border: 1px solid var(--background-color); } +/*"more unreads" bottom */ +.p-channel_sidebar__banner--bottom { + background-color: var(--background); + border: 1px solid var(--border-bright); + border-bottom: none; + border-radius: 15px 15px 0 0; +} -#page .tag:hover { background-color: #545454 !important; } +/*"unread mentions"*/ +.p-channel_sidebar__badge, +.p-channel_sidebar__banner--mentions { + /*inverted because important*/ + background-color: var(--border-bright) !important; + border-color: var(--text-bright); + color: var(--text-bright); +} -#page .app_desc_btn { background-color: #545454; color: var(--text); } +/*also add border to unread count for individual channels*/ +.p-channel_sidebar__badge { + border: 1px solid; +} -#page .app_desc_expand_showing .app_profile_desc_fade { background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0, #222 100%); } +/* new scrollbar */ +.p-channel_sidebar div.c-custom_scrollbar__thumb_vertical, .p-channel_sidebar div.c-scrollbar__bar { + background: var(--background-elevated); + border: 1px solid var(--scrollbar-border); +} -.app_card, .large_app_card { background-color: #222; border: 1px solid var(--background-color); } +#channels_scroller.show_which_channel_is_active[class] li.active .presence.active i.presence_icon, +#channels_scroller.show_which_channel_is_active[class] li.active .slackbot_icon, +#channels_scroller.show_which_channel_is_active[class] li.active .presence.away i.presence_icon { + color: inherit !important; +} -nav.top.persistent ul a { color: var(--text); } +#client_body::before, #client_body:not(.onboarding):before { + border-bottom: 1px solid var(--border-dim) !important; + background: var(--background); + box-shadow: none; +} -nav.top.apps_nav { background: transparent; } +#client_body, #messages_container.has_top_messages_banner:before { + background: var(--background) !important; +} -nav.top.apps_nav.persistent .nav_title { border-color: #828282; } +ts-message, .channel_title .channel_name, ts-jumper input[type="text"], +ts-jumper ol li .member_real_name, ts-jumper ol li .view_name, ts-jumper ol li .channel_name { + color: var(--text) !important; +} -nav.top.apps_nav.clear_nav .nav_title a { color: var(--text); } +.light_theme ts-message .message_content a.message_sender, #msg_input::-webkit-input-placeholder, +ts-jumper input[type="text"]::-webkit-input-placeholder { + color: var(--text) !important; +} -nav.top.apps_nav .nav_title a { color: var(--text); } +#msg_input, #primary_file_button { + background: transparent !important; + color: var(--text) !important; + border-color: var(--border-dim) !important; +} -nav.top.apps_nav ul a.active { color: #c7c7c7; } +.day_divider .day_divider_label, +#convo_container .convo_flexpane_divider .reply_count { + color: var(--text) !important; + background-color: var(--background) !important; + border: 1px solid var(--border-bright) !important; + border-radius: 1rem; +} -.plastic_typeahead { background: var(--background-color); border: 1px solid var(--background-color); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); } +.mention_day_container_div .day_divider .day_divider_label { + border: 1px solid var(--border-dim) !important; +} -.plastic_typeahead_item { color: var(--text); } +#convo_container .convo_flexpane_divider .reply_count { + border-radius: 10px; + padding: 0px 10px; +} -.plastic_typeahead_item + .plastic_typeahead_item { border-top: 1px solid #545454; } +.mention_day_container_div .day_divider:before { + background-color: transparent !important; + border-color: var(--border-dim); +} -.plastic_typeahead_item:not(.plastic_typeahead_item_no_results).is_active { background-color: #222; border-top-color: var(--background-color); color: var(--text); } +.day_container .day_msgs { + border-top: 1px solid var(--border-bright) !important; + padding-right: 10px; + padding-left: 2px; +} -.plastic_typeahead_item:not(.plastic_typeahead_item_no_results).is_active ts-icon { color: #949494; } +textarea, input[type="text"], #file_comment_textarea { + background-color: var(--background-elevated) !important; + border-color: var(--border-dim) !important; + color: var(--text) !important; +} +textarea:focus, input[type="text"]:focus, #file_comment_textarea { + border-color: var(--border-bright) !important; + color: var(--text-bright) !important; +} -.plastic_typeahead_item:not(.plastic_typeahead_item_no_results):not(.is_active):hover { background: #000; border-color: #545454; } +ts-message { + border-radius: 5px; + margin: 1px 5px !important; + box-shadow: none !important; +} -.plastic_typeahead_item:not(.plastic_typeahead_item_no_results):not(.is_active):hover + .plastic_typeahead_item { border-color: #545454; } +ts-message:hover { + background: var(--background-hover) !important; +} -a.plastic_typeahead_item { color: var(--text); } +#messages_container::after { + background: none !important; +} -.apps_typeahead_item_media { background: #000; } +.bot_label { + padding: 0 4px !important; + border-radius: 3px !important; + background: var(--background) !important; + border: 1px solid var(--border-bright); +} -.search_input_container .search_input:focus ~ .icon_search_input { color: var(--text); } -.icon_search_input { color: #949494; } +.file_container:after{ + background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#333 100%) !important; +} +.rxn, +#col_channels, +#col_channels_footer, +pre, +ts-message .action_hover_container .btn_msg_action, +.file_container, +.file_container .CodeMirror .CodeMirror-code>div:before, .file_container .CodeMirror .sssh-line:before, .file_container .sssh-code .CodeMirror-code>div:before, .file_container .sssh-code .sssh-line:before, +#col_flex, +.search_message_result, +.search_result_with_extract, +#search_filters a, +.menu, +.menu #menu_items_scroller, +.btn, .btn_outline { + background: var(--background-elevated) !important; +} -.quote_block { color: var(--text); } -.quote_block::before { background-color: #545454; } +#flex_contents .heading, +#flex_contents .heading a, +#flex_contents .heading_text, +#flex_contents .subheading, +#flex_contents .toolbar_container { + background: var(--background) !important; + color: var(--text) !important; + border-color: var(--border-dim); +} -.well { background: #000; border-color: black; color: var(--text); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } +pre, +ts-message .action_hover_container .btn_msg_action, +.file_container .CodeMirror .CodeMirror-code>div pre, .file_container .CodeMirror .sssh-line pre, .file_container .sssh-code .CodeMirror-code>div pre, .file_container .sssh-code .sssh-line pre, +.search_message_result .search_message_result_meta a, +.search_message_result .search_message_result_meta .date_links a, +.flexpane_redesign #flex_contents .heading_text, +#flex_contents .subheading, +#search_filters.files #filter_files, #search_filters.messages #filter_messages, +.menu ul li a, +.btn, .btn_outline, .menu { + color: var(--text) !important; + border-color: border: 1px solid var(--border-dim) !important; +} -.service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } +.btn:hover:after { + border-color: var(--border-bright); +} -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } +.action_hover_container { + border: 1px solid var(--border-dim) !important; +} +.ts_tip_float.btn_msg_action:not(:last-child) { + border-right: 1px solid var(--border-dim) !important; +} +.ts_tip_float.btn_msg_action:hover { + background-color: var(--background) !important; +} -.c-tabs__tab { color: #949494; } +#quick_switcher_btn{ + /*border-top-color: #333 !important;*/ + background-color: transparent; -.c-tabs__tab:hover { color: var(--text); } +} -.c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #828282; color: var(--text); } +.rxn, +.search_result_with_extract, +.flexbox_client.flexpane_redesign.flex_pane_showing #col_flex, +.flexpane_redesign #flex_contents .heading, +#flex_contents .subheading, +.search_segmented_control, +.menu{ + border-color: var(--border-dim) !important; +} -.c-tabs__tab_menu--plastic { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } +.search_result_with_extract { + box-shadow: 0 1px 10px var(--background-elevated) !important; +} -a.c-tabs__tab--plastic { color: #949494; } +.ql-placeholder { + color: var(--text) !important; +} -a.c-tabs__tab--plastic:hover { color: var(--text); } +.ql-container.texty_single_line_input { + background-color: var(--background-elevated); + color: var(--text); +} -a.c-tabs__tab--plastic.c-tabs__tab--active, a.c-tabs__tab--plastic:active, a.c-tabs__tab--plastic:focus { box-shadow: inset 0 -2px 0 0 #828282; color: var(--text); } +.ql-container .ql-editor p { + color: var(--text); +} -.p-detail_scope { box-shadow: inset 0 1px 0 0 #545454; } +#quick_switcher_btn:active, #quick_switcher_btn:focus, #quick_switcher_btn:hover { + background-color: var(--background-elevated); + border-color: var(--background-elevated); +} -.p-detail_scope:last-child { border-bottom-color: #545454; } +.feature_name_tagging_client ts-message .mention, ts-message .mention, +span.match { + border: 1px solid var(--border-bright) !important; + background-color: var(--background-elevated) !important; + font-weight: bold; + padding: 2px 4px; + margin: 2px; + border-radius: 10px; +} -.p-detail_dangerous_scope { border-left-color: #bf360c; border-right-color: #545454; } +.mention > .mention { + /* I'm assuming this is a Slack bug */ + border: none; +} -.p-detail_arrow_icon { color: #949494; } +.mention_rxn { + border-radius: 5px; + margin: 1px 5px; +} -.p-detail_arrow_icon:hover { color: var(--text); } +.mention_rxn .mention_rxn_summary .app_preview_link, +.mention_rxn .mention_rxn_summary .member_preview_link, +.mention_rxn .mention_rxn_summary .mention_rxn_summary_members { + color: var(--text); +} -.p-detail_permissions { background: var(--background-color); border-color: #545454; } +#member_mentions h3 a { + color: var(--text-special); +} -table.gray_header_border tr:first-child th:not(:only-of-type) { border-bottom-color: #545454; } +pre.special_formatting{ + background: var(--background-elevated) !important; +} -.section_rollup { border-bottom-color: #222; } +code { + color: var(--text-special) !important; + background-color: var(--background-elevated) !important; + border-color: var(--border-dim) !important; +} -.section_rollup:first-of-type { border-top-color: #222; } +.supports_custom_scrollbar:not(.slim_scrollbar) #archive_msgs_scroller_div::-webkit-scrollbar-thumb, +.supports_custom_scrollbar:not(.slim_scrollbar) #msgs_scroller_div::-webkit-scrollbar-thumb, +.supports_custom_scrollbar:not(.slim_scrollbar) #col_channels:hover #channels_scroller::-webkit-scrollbar-thumb { + /* scrollbar draggy bit */ + color: transparent !important; + border: 1px solid var(--scrollbar-border) !important; + background-color: transparent !important; +} +.supports_custom_scrollbar:not(.slim_scrollbar) #archive_msgs_scroller_div::-webkit-scrollbar-track, +.supports_custom_scrollbar:not(.slim_scrollbar) #msgs_scroller_div::-webkit-scrollbar-track, +.supports_custom_scrollbar:not(.slim_scrollbar) #col_channels:hover #channels_scroller::-webkit-scrollbar-track { + /* scrollbar endcaps */ + color: transparent !important; + border: 1px solid var(--border-dim) !important; + background-color: transparent !important; +} -.section_rollup:hover:not(.is_active) { background: rgba(34, 34, 34, 0.5); color: var(--text); } +a, a:link, a:visited{ + color: var(--text-special); +} +ts-message a .mention{ + color: var(--text-special) !important; +} +a:hover{ + color: var(--text-special) !important; +} -.is_completed_section .section_rollup_header::before, .is_failed_section .section_rollup_header::before { background-color: #0cbf72; color: #000; } +#msgs_scroller_div #end_display_div p { + color: var(--text); +} -.developer_apps_functionality_link:hover { border-color: #545454; box-shadow: 0 0 6px 0 rgba(130, 130, 130, 0.25); } +.channels_list_holder ul li a.channel_name, +.channels_list_holder ul li:not(.unread) .group_name, +.channels_list_holder ul li .im_name, +.channels_list_holder ul li .mpim_name, +.channels_list_holder ul li>a:link, +ts-message a.timestamp{ + color: #aaa !important; +} +#channels_scroller.show_which_channel_is_active ul li.active .im_name{ + color: #fff !important; +} -.developer_apps_functionality_link::before { background-color: #545454; } +#msgs_div .unread_divider.no_unreads .divider_label +{ + background: #000 !important; + color: #aaa !important; +} -.developer_apps_functionality_link_enabled::before { background-color: #0cbf72; } +#msgs_div .unread_divider.no_unreads hr{ + border-top-color: #888 !important; +} -.legal-hero { background-color: #222; } +.flexpane_redesign #member_mentions { + background-color: var(--background); +} -.legal-hero.v--no-switch, .legal-hero .o-hero__header { background-color: #222; } +#details_tab .channel_page_section { + background-color: var(--background-elevated); +} -.legal-hero .o-hero__header__headline--larger { color: var(--text); } +#details_tab .channel_page_section .section_title { + color: var(--text); +} -.legal-main { background-color: var(--background-color); } +.greigh { + /* greigh = label?? */ + color: var(--text) !important; +} -.legal-main.v--no-switch { background-color: var(--background-color); border-bottom-color: #545454; border-top-color: #545454; } +.pinned_item .pin_member_name a, .pinned_item { + color: var(--text) !important; +} -.legal-main p { color: var(--text); } +.pinned_item .pinned_message_text .pin_truncate_fade { + background: -webkit-gradient(linear,left bottom,left top,color-stop(0,var(--background-elevated)),color-stop(1,rgba(255,255,255,0))); +} -.legal-main a { border-bottom-color: #545454; } +.tab_container .file_list_item .contents .member, .tab_container .file_list_item .contents .service_link, .tab_container .file_list_item .contents .share_info, .tab_container .file_list_item .contents .time { + color: var(--text-special); +} -@media screen and (min-width: 67.8125rem) { .legal-main .c-nav--sidebar__listheader { color: var(--text); } - .legal-main .c-nav--sidebar__listitem a.is-selected { color: #949494; } } +.tab_container .file_list_item:focus, .tab_container .file_list_item:hover { + background-color: var(--background-hover); +} -.legal-main .t-contains-subtle-links a:not(.c-button) { color: var(--text); } +/* files */ +.file_container.generic_container .file_header_meta .meta_hover { + background-color: transparent !important; +} -.legal-main .t-contains-subtle-links a:not(.c-button):active, .legal-main .t-contains-subtle-links a:not(.c-button):focus, .legal-main .t-contains-subtle-links a:not(.c-button):hover { color: #949494; } +.file_preview_action.btn.ts_tip, .file_preview_link.btn.file_comment_link { + border: 1px solid var(--border-bright) !important; + background-color: var(--background-hover) !important; + color: var(--text) !important; +} +.file_preview_action.btn.ts_tip:hover, .file_preview_link.btn.file_comment_link:hover { + background-color: var(--background) !important; +} +.p-file_details__name { + color: var(--text); +} +/* user profile popup */ +#member_preview_scroller, #member_preview_web_container, +.menu_member_header, .menu_member_footer { + background-color: var(--background-elevated); + border-color: var(--border-dim); + color: var(--text); +} -@media screen and (min-width: 67.8125rem) { .t-no-header .legal-main { background-color: var(--background-color); } } +/* user mentions for other people */ +.app_preview_link_slug.ts_tip, +.internal_member_link.ts_tip, +.internal_user_group_link.ts_tip, +ts-mention.ts_tip +{ + color: var(--text-bright); + background: var(--background-elevated); + border: 1px solid var(--border-dim); + padding: 2px 4px; + margin: 2px; + border-radius: 10px; +} +.app_preview_link_slug.ts_tip:hover, +.internal_member_link.ts_tip:hover, +.internal_user_group_link.ts_tip:hover, +ts-mention.ts_tip:hover +{ + color: var(--text-bright) !important; + border: 1px solid var(--border-bright); +} -.t-no-header .legal-hero.o-hero.v--short { background-color: var(--background-color); } +/* emojis */ +.rxn[data-emoji] { + /*background-color: var(--background-light) !important; + transition: background-color 200ms ease-in;*/ + height: 28px; +} -.c-oauth_scope_info__spacer_icon { color: #bf360c; } +.rxn[data-emoji]:hover { + /*background-color: var(--background-bright) !important;*/ +} -.c-oauth_scope_info__dangerous_scopes, .c-oauth_scope_info__safe_scopes { border-bottom-color: #545454; } +.rxn[data-emoji] .emoji_rxn_count { + font-size: 0.9rem; + /*color: black !important;*/ +} -.c-oauth_scope_info__dangerous_scopes { border-left-color: #bf360c; border-right-color: #545454; border-top-color: #545454; } +.rxn .emoji-sizer { + background-color: transparent !important; + border-radius: 7px; + width: 24px; + height: 24px; + margin: 0 0 0 -2px !important; + border: 1px solid transparent; /* looks silly but it makes the outline work */ +} -.c-oauth_scope_info__dangerous_scope:not(:first-child), .c-oauth_scope_info__safe_scope { border-top-color: #545454; } +.emoji-sizer { + /* outline for black-on-transparent emojis */ + -webkit-filter: drop-shadow( 1px 0 0 var(--background)) + drop-shadow(-1px 0 0 var(--background)) + drop-shadow(-0 1px 0 var(--background)) + drop-shadow( 0 -1px 0 var(--background)); + margin: 0 !important; +} -a.p-oauth_nav__anchor { color: #949494; } +.ts_icon.ts_icon_smile_o { + color: var(--text); +} -.p-oauth_nav__team-switcher .menu_launcher { border-color: var(--background-color); } +.emoji_menu_ng #emoji_input_container, +#emoji_menu #emoji_menu_items_scroller, +#emoji_menu #emoji_menu_footer, +#emoji_menu #emoji_input_container { + background-color: transparent; +} -.p-oauth_nav__team-switcher .menu_launcher:hover { border: #545454; } +.menu .p-emoji_picker__input_container, +.menu .p-emoji_picker__list_container, +.menu .p-emoji_picker__heading, +.menu .p-emoji_picker__footer { + background: transparent; + color: var(--text); +} -.p-oauth_page, .p-oauth_page--error { background: #222; } +.p-emoji_picker__group_tab { + border: 1px solid transparent; + border-bottom-width: 2px; +} -.p-oauth_page__title { color: var(--text); } +.menu .p-emoji_picker__group_tab--active { + background-color: var(--background); + color: var(--text-special); + border-color: var(--border-bright); + border-width: 1px 1px 2px 1px; + border-style: solid; +} +.p-emoji_picker__group_tab:hover { + background-color: var(--background-elevated); + border-color: var(--border-dim); +} +.p-emoji_picker__group_tab .emoji-sizer { + filter: none; + -webkit-filter: none; +} +.p-emoji_picker__group_tab:hover .emoji-sizer { + color: var(--text); +} +.p-emoji_picker__preview_text { + background-color: var(--bacground-elevated); + color: var(--text); +} -.p-oauth_page_single_channel_picker { border-bottom-color: var(--background-color); } +#emoji_menu h3, #emoji_menu #emoji_preview_text { + background-color: var(--background-elevated); + color: var(--text); +} -ts-rocket { color: var(--text); } +#emoji_menu a.emoji_grouping_tab .emoji-sizer { + -webkit-filter: none; +} -ts-rocket a { color: #949494; } +.emoji_menu_ng #emoji_menu_header .emoji_grouping_tab.active { + background-color: transparent; + border-color: var(--border-bright); + border-width: 1px 1px 3px 1px; + border-style: solid; +} -ts-rocket a caret::before { background-color: var(--background-color); border-color: var(--background-color); } +.light_theme .emoji-only { + line-height: 3rem; + font-size: 3rem; + margin-top: 3px !important; +} -ts-rocket hr { border-color: var(--background-color); } +/* menus */ +.menu ul li a, .menu ul li:not(.disabled) a { + border: 1px solid var(--background-elevated) !important; +} -ts-rocket code, ts-rocket .pre.text, ts-rocket > div > pre { background-color: #000; } +.menu ul li.highlighted a, .menu ul li:hover:not(.disabled) a { + background: var(--background-elevated) !important; + border-color: var(--border-bright) !important; +} -ts-rocket .blockquote.text::before, ts-rocket > div > blockquote::before { background-color: #000; } +.menu .section_header .header_label { + color: var(--text) !important; + background-color: var(--background-elevated) !important; +} -ts-rocket .cl.text { background-color: #000; border-bottom: 1px solid var(--background-color); } +.menu .section_header hr { + border-color: transparent; +} -ts-rocket .cl.text .checkbox.checked + li { color: #949494; } +/* threads */ +ts-message .reply_bar:hover { + background: var(--background) !important; + border: 1px solid var(--border-dim) !important; +} +ts-message.active .edited, ts-message.active .reply_bar .last_reply_at, ts-message.active .timestamp, ts-message.active.automated .message_body, ts-message.message--focus .edited, ts-message.message--focus .reply_bar .last_reply_at, ts-message.message--focus .timestamp, ts-message.message--focus.automated .message_body, ts-message:hover .edited, ts-message:hover .reply_bar .last_reply_at, ts-message:hover .timestamp, ts-message:hover.automated .message_body { + color: var(--text-bright); +} +#threads_msgs .inline_message_input_container.with_file_upload, +#reply_container.upload_in_threads .inline_message_input_container { + background: var(--background); + border-color: var(--border-dim); +} +.c-message__reply_bar--focus, .c-message__reply_bar:hover, .c-message__reply_bar--focus .c-message__reply_bar_view_thread, .c-message__reply_bar:hover .c-message__reply_bar_view_thread +{ + background-color: var(--background-elevated); +} +.p-threads_view { + background-color: var(--background); +} +.p-threads_view_header__permalink { + color: var(--text-special) !important; +} +.p-threads_view__default_background { + background-color: var(--background-elevated); +} +.p-threads_view__divider_line { + border-color: var(--border-dim); +} +.p-threads_view__divider_label { + background-color: var(--background-elevated); + color: var(--text); +} +.p-threads_view_root { + border-color: var(--border-dim); +} +.p-threads_view_reply { + border-color: var(--border-dim); +} +.p-threads_view__footer { + border-color: var(--border-dim); +} +.p-threads_view_reply { + background-color: var(--background-hover); +} +.p-threads_footer__input--legacy .p-message_input_file_button { + background-color: var(--background-elevated); +} +/* editor in thread reply */ +#convo_tab .message_input, #convo_tab textarea#msg_text { + color: var(--text) !important; +} +.inline_message_input_container .ql-container.focus, +.inline_message_input_container .ql-container:active { + border-color: var(--border-dim) !important; +} +#file_reply_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, +#reply_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, +.reply_input_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, +#convo_tab #convo_tab_header { + color: var(--text) !important; +} -ts-rocket > div > .checklist { background-color: #000; border-bottom: 1px solid var(--background-color); } +/** Until 3.3.5 **/ +#message_edit_container .message_input { + background: var(--background-elevated); +} -ts-rocket > div > .checklist .checkbox.checked + li { color: #949494; } +/** With 3.3.6 **/ +.p-threads_footer__input .p-message_input_field { + background: var(--background-elevated); +} +button.c-button-unstyled.p-message_input_plus { + background-color: var(--background-hover); +} +.p-threads_flexpane__separator_count { + margin-right: 12px; + color: var(--text); +}.p-threads_flexpane__separator_line { + border-bottom-color: var(--border-dim); +} +.p-threads_flexpane__header_channel_name { + color: var(--text-special); +} +/* other */ +.special_formatting_quote .quote_bar { + background: var(--border-bright) !important; +} -ts-rocket > div > .checklist li::before { background: var(--background-color); } +#details_toggle.active:hover, #recent_mentions_toggle.active:hover, +#stars_toggle.active:hover { + background-color: var(--background-hover); + color: var(--text); +} -ts-rocket > div > .checklist li.checked { color: #949494; } +#details_toggle.active, #recent_mentions_toggle.active, +#sli_recap_toggle.active, #stars_toggle.active { + background-color: var(--background-elevated); + border: 1px solid var(--border-bright); + color: var(--border-bright); +} -ts-rocket .unfurl .unfurl-container { background-color: #000; } +.star_item, +.current_status_input_for_team_menu .current_status_presets { + border-color: var(--border-dim); +} -ts-rocket .unfurl .unfurl-container.unfurl-render-failed { background-color: rgba(191, 54, 12, 0.1); } +.messages_banner, .p-archives_banner { + color: var(--text); + background-color: var(--background-elevated); + border: 1px solid var(--border-bright); + border-bottom: 0px; + border-radius: 10px 10px 0 0; +} -ts-rocket .unfurl .attachment_bar { background-color: var(--background-color) !important; } +#threads_msgs_scroller_div, ts-thread { + background-color: var(--background); +} -ts-rocket .unfurl .unfurl-remove::before { color: #949494; } +ts-thread .thread_header .thread_channel_name a { + color: var(--text-special); +} -ts-rocket .unfurl .unfurl-remove:hover::before { color: var(--text); } +#convo_tab .thread_participants, ts-thread .thread_participants { + color: var(--text); +} -ts-rocket .unfurl.selected .unfurl-container { background-color: rgba(130, 130, 130, 0.5); } +ts-thread .thread_messages, +.reply_input_container .ql-container { + background-color: var(--background); + border-color: var(--border-dim); +} -ts-rocket .unfurl.selected .unfurl-container .attachment_bar { background-color: rgba(130, 130, 130, 0.5) !important; } +#threads_msgs_scroller_div ts-thread ts-message { + margin: 0 !important; + border-radius: 10px; +} +.p-message_pane .p-message_pane__top_banners:not(:empty)+div .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .p-message_pane__top_banners:not(:empty)+div .c-message_list:not(.c-virtual_list--scrollbar):before +{ + box-shadow: 0 32px var(--background); +} +ts-thread .collapse_inline_thread_container:hover, +ts-thread .view_all_replies_container:hover { + background-color: var(--background-elevated); +} -ts-rocket caret::before { background-color: var(--background-color); border: 1px solid var(--background-color); } -ts-rocket carriage { background-color: rgba(130, 130, 130, 0.5); } +/* preferences page and modals in general*/ +#fs_modal, .modal, .modal-header, .modal-footer { + background-color: var(--background-elevated); +} -ts-rocket selection { background-color: rgba(130, 130, 130, 0.5); } +#fs_modal .fs_modal_btn:hover { + color: var(--text); + background-color: var(--background-hover); +} +#fs_modal, #fs_modal h1, #fs_modal h2, +#fs_modal h3, #fs_modal h4, #fs_modal h5, +.modal, .modal h1, .modal h2, .modal h3, +.modal h4, .modal h5 { + color: var(--text); +} -ts-rocket selection::after, ts-rocket selection::before { background-color: rgba(130, 130, 130, 0.5); } +#fs_modal .fs_modal_file_viewer_header { + background: transparent; +} +#fs_modal .fs_modal_file_viewer_content .viewer { + background: var(--background); +} +.fs_modal_file_viewer_header .control_btn { + color: var(--text) !important; +} -ts-rocket ime { background-color: rgba(130, 130, 130, 0.5); } +.section_rollup:hover:not(.is_active) { + background: var(--background-hover); + color: inherit; +} -ts-rocket .hr.selected hr { box-shadow: 0 0 0 5px rgba(130, 130, 130, 0.5); } +#fs_modal #fs_modal_sidebar a { + padding: 10px; + background: transparent; + border: 1px solid rgba(0, 0, 0, 0.01); + border-radius: 10px; +} -.focusing_input_field space.inactive .unfurl.selected .unfurl-container { background-color: #000; } +#fs_modal #fs_modal_sidebar a:hover { + border-color: var(--border-dim); +} -nav { background: var(--background-color); } +#fs_modal #fs_modal_sidebar a.is_active { + border-color: var(--border-bright); +} +#fs_modal.prefs_modal legend { + color: var(--text); +} -nav .space { background-color: var(--background-color); box-shadow: 0 1px rgba(0, 0, 0, 0.25), 0 2px rgba(0, 0, 0, 0.15), 0 3px rgba(0, 0, 0, 0.15); } -nav .space::after { border-left: 1px solid #545454; } +#threads_msgs_scroller_div .threads_caught_up_divider .divider_line, +#threads_msgs_scroller_div .threads_caught_up_divider .divider_label { + background-color: var(--background-elevated); + border: 1px solid var(--border-dim); + color: var(--text); +} -nav .comments { background-color: var(--background-color); } +/* unreads */ +.unread_empty_state { + color: var(--text); +} -nav .space_buttons .btn_outline { background-color: #424242; } +.unread_group_header, +.sli_briefing, .sli_briefing__header, .sli_briefing__title, +.sli_briefing_view__footer_title, .bottom_mark_all_read { + background-color: var(--background); + color: var(--text); + border-color: var(--border-dim); +} +.unread_group_header button { + color: var(--text-special); +} -nav .space_buttons .btn_outline::after { border-color: #545454; } -nav .space_btn_star { background: none; border: 0; } +/* scroller for threads & unreads */ +#threads_msgs_scroller_div:not(.loading):before { + background: var(--background); +} -nav .space_btn_star:hover { background: none !important; } +/* putting this on so many elements might cause performance issues but #yolo */ +div::-webkit-scrollbar-track { + display: none !important; +} +div::-webkit-scrollbar-thumb { + color: transparent !important; + border: 1px solid var(--scrollbar-border) !important; + background-color: transparent !important; +} -nav .space_btn_edit { background: #545454; } +#threads_msgs_scroller_div:not(.loading):before { + background: none; +} -nav .space_btn_edit.editing { background: #828282; } +/* thread side panel */ -nav .star_info { color: #949494; } +#mentions_scroller { + background: var(--background) !important; + color: var(--text) !important; +} -nav #space_status { border-left: 1px solid #545454; color: #949494; } -nav #space_status.slightly_concerned { color: #bf360c; } +/* global (left sidebar) */ -nav #edit_status { color: #949494; } +#channel_scroll_down, #channel_scroll_up { + background-color: var(--background) !important; + border: 0 1px 1px 1px solid var(--border-bright) !important; +} -nav .comments_open.unread span.notif { background-color: #bf360c; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15); } +#team_menu, #quick_switcher_btn, #team_menu_overlay, #col_channels_overlay { + border-color: transparent !important; +} -nav .comments_close { color: #949494; } +/* CodeMirror syntax highlighting */ +.cm-s-default .cm-header {color: #66f} +.cm-s-default .cm-quote {color: #0f0} +.cm-negative {color: #f44} +.cm-positive {color: #2f2} +.cm-s-default .cm-keyword {color: #f0a} +.cm-s-default .cm-atom {color: #7ff} +.cm-s-default .cm-number {color: #5fa} +.cm-s-default .cm-def {color: #37f} +.cm-s-default .cm-variable-2 {color: #09f} +.cm-s-default .cm-variable-3 {color: #0fa} +.cm-s-default .cm-comment {color: #f80} +.cm-s-default .cm-string {color: #f33} +.cm-s-default .cm-string-2 {color: #f50} +.cm-s-default .cm-meta,.cm-s-default .cm-qualifier {color: #aaa} +.cm-s-default .cm-builtin {color: #96f} +.cm-s-default .cm-bracket {color: #ffa} +.cm-s-default .cm-tag {color: #5f0} +.cm-s-default .cm-attribute {color: #33f} +.cm-s-default .cm-hr {color: #ccc} +.cm-s-default .cm-link {color: #33f} + +/* Snippets */ +select { + background-color: var(--background); + color: var(--text); + border-color: var(--border-dim); +} -nav .comments_close:hover::before { color: #949494 !important; } +#select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected { + color: var(--text); +} -ts-space header { background: transparent; } +.CodeMirror, .CodeMirror .CodeMirror-gutters, .CodeMirror-gutter { + background-color: var(--background) !important;; + border-color: var(--border-bright); + color: var(--text); +} -ts-space header .owner_detail .file_title_header, ts-space header .owner_detail .inline-edit { color: var(--text); } +.CodeMirror .CodeMirror-line { + background-color: var(--background); +} -ts-space header .owner_detail .inline-edit { background: none; } +.CodeMirror-cursor { + border-left-color: var(--text); +} -ts-space header .owner_detail .inline-edit::-webkit-input-placeholder { color: var(--text); } +.CodeMirror-selected { + background-color: rgba(255, 255, 255, 0.2) !important; +} -ts-space header .owner_detail .inline-edit::-moz-placeholder { color: var(--text); } +.modal div, .modal span, .modal label { + color: var(--text); +} -ts-space header .owner_detail .inline-edit:focus::-webkit-input-placeholder { color: #949494; } +.lazy_filter_select .lfs_list_container, +.lazy_filter_select .lfs_list .lfs_item.active { + background-color: var(--background-elevated); +} -ts-space header .owner_detail .inline-edit:focus::-moz-placeholder { color: #949494; } +.lfs_list::-webkit-scrollbar-track { + display: none; +} -ts-space header .owner_detail ::selection, ts-space header .owner_detail ::-moz-selection { background-color: rgba(130, 130, 130, 0.5); } +.lfs_list::-webkit-scrollbar-thumb { + color: transparent !important; + border: 1px solid var(--scrollbar-border) !important; + background-color: transparent !important; +} -ts-space header .owner_detail small { color: #949494; } +/* profile */ +#fs_modal #fs_modal_footer { + background-color:var(--background-elevated) +} -ts-space header .divider { border-top: 1px solid #545454; } +#contents_container::-webkit-scrollbar-track { + display: none; +} -ts-space a.feedback { color: var(--text); text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000; } +#contents_container::-webkit-scrollbar-thumb { + color: transparent !important; + border: 1px solid var(--scrollbar-border) !important; + background-color: transparent !important; +} -ts-space a.feedback:hover { background-color: var(--background-color); color: var(--text); } +/* scroll border fix */ +.client_channels_list_container { + border-right: none; +} -comments { box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25); } +.flex_pane_showing #col_flex { + border-color: var(--border-dim); +} -#space_alert { background-color: #000; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25); } +/* setting menu fix */ +#fs_modal.prefs_modal .global_notification_block { + background: transparent; + border: none; +} +#fs_modal.prefs_modal .global_notification_block.selected { + background: transparent; + border: 1px solid var(border-bright); +} +.notification_example.mac { + color: #555459; /* default color - leave unthemed */ +} +.p-prefs_modal__radiogroup label.p-prefs_modal__radiogroup--selected { + background: var(--background); +} +.p-prefs_modal__radiogroup .p-prefs_modal__radio_decorator { + background-color: var(--background-elevated); +} +/* global jumper */ +ts-jumper, ts-jumper.active { + background-color: rgba(32,32,32,0.6); +} +ts-jumper ts-jumper-container { + box-shadow: 0 5px 20px rgba(0,0,0,1); +} -#space_alert.error { background-color: #bf360c; } +/* app badge */ +.c-app_badge, .c-app_label { + color: var(--text-bright); + background-color: var(--background-elevated); +} -#space_alert span#space_alert_text { color: var(--text); } +/* tabs */ +.c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { + color: var(--text); +} -#space_alert a { color: #949494; } +/* modal content */ +.c-fullscreen_modal__header, +.c-fullscreen_modal__content { + background-color: var(--background-elevated); +} +.c-fullscreen_modal__back:hover, .c-fullscreen_modal__close:hover { + background-color: var(--background-hover); +} +.c-fullscreen_modal__body { + color: var(--text); +} -#space_alert button#space_alert_close::before { color: #949494; } +.ts_toggle .ts_toggle_secondary_label { + color: var(--text); +} +/* modal transition */ +#fs_modal_bg, .fs_modal_bg { + background: var(--background-elevated); +} +/* new search modal */ +.c-search_autocomplete footer, +.c-search, +.c-search__tabs, +.c-search__input_box { background-color: unset; } -#space_alert button#space_alert_close:hover::before { color: #949494; } +.c-search, +.c-search__tabs, +.c-search__input_and_close__close { color: unset; } +.p-message_limit_banner { + color: unset; + background-color: unset; +} +.p-search_filter__title_text { + background-color: var(--background); +} +.p-search_filter__dates { + background-color: var(--background-elevated) !important; +} +.c-search_autocomplete__suggestion_content .c-channel_name .c-deprecated-icon, .c-search_autocomplete__suggestion_content .c-search_autocomplete__suggestion_icon, .c-search_autocomplete__suggestion_content .c-search_autocomplete__suggestion_text .filetype_description, +.c-search_autocomplete__suggestion_content .c-search_autocomplete__suggestion_text .token +{ + color: var(--text); +} -#space_alert .btn_outline.btn_transparent { background-color: #424242 !important; color: var(--text) !important; } +.token { + background-color: var(--background-elevated) !important; +} +.c-search_modal .popover>div { background-color: var(--background); } -#space_alert .btn_outline.btn_transparent::after { border-color: #545454; } +.c-search_autocomplete__suggestion_content { + color: var(--text-bright); +} +.c-team__display-name, .c-unified_member__display-name, .c-usergroup__handle { + color: var(--text); +} -#space_find_bar { background-color: var(--background-color); border-bottom: 1px solid rgba(130, 130, 130, 0.1); border-left: 1px solid rgba(130, 130, 130, 0.07); border-right: 1px solid rgba(130, 130, 130, 0.07); box-shadow: 0 1px rgba(0, 0, 0, 0.15); } +.c-search_message__body { + color: var(--text); +} +.p-search_filter__datepicker_trigger:hover { + color: var(--text); +} +.c-input_select_options_list__empty_state { + color: var(--text); +} -#space_find_bar #space_find_info.no_matches { color: #bf360c; } +/* channel options */ +.channel_option_item .title { + color: var(--text); +} -#space_find_bar #space_find_next .ts_icon { background-color: #545454; } +.channel_option_item:hover { + background: var(--background-hover); +} -#space_find_bar #space_find_next .ts_icon::before, #space_find_bar #space_find_next .ts_icon:hover::before { color: var(--text); } +.channel_options_modal .c-fullscreen_modal__title { + color: var(--text); +} +.c-fullscreen_modal__back:hover, .c-fullscreen_modal__close:hover { + background-color: var(--background-hover); + color: var(--text-bright); +} +/* channel invite */ +#channel_invite_modal #channel_invite_container:not(.keyboard_active).not_scrolling .channel_invite_row:not(.disabled):hover, #channel_invite_modal .channel_invite_row.highlighted:not(.disabled) { + background: var(--background-hover); +} -#space_find_bar #space_find_next:hover .ts_icon { background-color: #828282; } +.c-unified_member__secondary-name--medium { + color: var(--text); +} +.channel_modal .btn_large { + border: 1px solid; +} +#channel_invite_modal #channel_invite_container .channel_invite_row.disabled { + background-color: var(--background-light); +} +/* channel browsing */ +#channel_browser .channel_browser_row_header { + color: var(--text); +} +#channel_browser .channel_browser_divider { + color: var(--text); + background: var(--background-hover); +} +#channel_browser .channel_browser_row { + background-color: var(--background); +} +#channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover, #channel_browser .channel_browser_row.highlighted { + background: var(--background-elevated); + border-color: var(--border-dim); +} +.sk_black { + color: var(--text); +} -#space_find_bar #space_find_close::before { color: #949494; } +/* app browsing */ +.p-apps_browser__app_limit_meter b { + color: var(--text); +} +.p-apps_browser__app_info { + color: var(--text); +} +.p-apps_browser__app_limit_meter__blank_app_box { + background-color: var(--background-hover); +} +.p-apps_browser__app--selected { + background: var(--background-hover); +} +/** menus **/ -#space_find_bar #space_find_close:hover::before { color: #949494; } +.c-menu_item__header { + background: var(--background-hover); + color: var(--text); +} -#connected_members .connected_members_count { color: var(--text); text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000; } +.sidebar_menu_list_item { + color: var(--text-bright); +} -#connected_members .toggle_more_members_popover { background: #222; color: #949494; } +.sidebar_menu_list_item:not(.is_active):hover { + background-color: var(--background-elevated); +} -#connected_members_overflow_popover { border-bottom: 1px solid var(--background-color); border-left: 1px solid rgba(0, 0, 0, 0.11); border-right: 1px solid rgba(0, 0, 0, 0.11); border-top: 1px solid rgba(0, 0, 0, 0.11); box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.5); } +/* message action menu */ +.c-menu { + background-color: var(--background-elevated); + color: var(--text-bright); + border: 1px solid var(--border-dim); +} +.c-menu_item__label { + color: var(--text-bright); +} +.c-message_actions__container { + background: var(--background-elevated); +} -#connected_members_overflow_popover .arrow::after { background-color: var(--background-color); } +.c-message_actions__button:active { + background: var(--background-hover); + border-radius: .375rem; +} -#connected_members_overflow_popover .arrow_shadow::after { background-color: var(--background-color); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5); } +/** menus end **/ -#connected_members_overflow_popover .monkey_scroll_wrapper { background: var(--background-color); } +.c-menu_item__icon { + color: var(--background-light); +} +.c-icon { + color: var(--text); +} +/* sidebar in general */ +.p-flexpane_header { + border-bottom: 1px solid var(--border-dim); +} -#connection_status #connection_label { color: var(--text); text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000; } +/* member detail view */ +#member_preview_scroller .member_data_table tr, #member_preview_web_container .member_data_table tr, #team_list .member_data_table tr, .menu_member_header .member_data_table tr { + color: var(--text-bright); +} +#member_preview_scroller .member_details .member_name_and_presence .member_name, #member_preview_web_container .member_details .member_name_and_presence .member_name, .menu_member_header .member_details .member_name_and_presence .member_name, .menu_member_header .member_details .member_current_status, .menu_member_header .member_details .member_timezone_value { + color: var(--text) !important; +} +.menu_member_header .member_details .member_current_status a, .menu_member_header .member_details .member_timezone_value a { + color: var(--text-special); +} -#shortcuts_spaces_dialog { background-color: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 1px rgba(54, 54, 54, 0.7); } +.member_details_over_image { + text-shadow: 0 0 8px var(--background); +} -#shortcuts_spaces_dialog .modal-body { color: var(--text); } +.member_details_over_image .member_name { + color: var(--background-light) !important; +} -#shortcuts_spaces_dialog .col .keyboard { background-color: #828282; border-bottom: 2px solid #424242; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); color: var(--text); } +/* workspace directory */ +.searchable_member_list_filter .faux_input { + color: var(--text); +} -#shortcuts_spaces_dialog .close:hover { background-color: #828282; } +#member_preview_scroller .member_data_table .current_status_cell .current_status_container:not(.active) .current_status_cover.without_status_set .current_status_placeholder, .statuses_container .current_status_container:not(.active) .current_status_cover.without_status_set .current_status_placeholder { + color: var(--text); +} -#shortcuts_spaces_dialog .close .ts_icon::before { color: #949494 !important; } +#member_preview_scroller .member_data_table a:not(.current_status_preset_option):not(.current_status_presets_edit_link):not(.member_details_manage_link), #member_preview_web_container .member_data_table a:not(.current_status_preset_option):not(.current_status_presets_edit_link):not(.member_details_manage_link), #team_list .member_data_table a:not(.current_status_preset_option):not(.current_status_presets_edit_link):not(.member_details_manage_link), .menu_member_header .member_data_table a:not(.current_status_preset_option):not(.current_status_presets_edit_link):not(.member_details_manage_link) { + color: var(--text); + font-weight: 400!important; +} -.textstyle_menu .arrow-shadow::after { background-color: var(--background-color); box-shadow: 0 0 0 1px var(--background-color); } +/* snippet / file container / download bar */ +.c-snippet__code .CodeMirror-code>div:before { + background-color: var(--background); +} +.c-file_container--gradient:after { + background: linear-gradient(180deg,hsla(0,0%,100%,0),var(--background)); +} +.c-file__title { + color: var(--text); +} +.c-file_container, .c-file__slide--meta { + background-color: var(--background-elevated); +} +.c-file_container { + border: 1px solid var(--border-dim); +} +.c-file__action_button, .c-file__action_button:link, .c-file__action_button:visited { + color: var(--text); + background-color: var(--background); +} +.p-flexpane_header { + background: var(--background); +} +.p-downloads_list__shift_hint { + background: linear-gradient(180deg,hsla(0,0%,100%,0),var(--background)); +} +.p-download_item { + border: 1px solid var(--border-dim); +} +.p-download_item__container .p-download_item__name_row { + color: var(--text); +} +.p-download_item__actions { + background: var(--background-hover); +} +.c-message_attachment { + color: var(--text-bright); +} +.c-message_kit__file__meta { + color: var(--text); +} +.c-file_container--has_thumb .c-file__actions:before { + background-image: none; +} +.c-pillow_file__swap .c-pillow_file__slide { + background: var(--background); +} +.c-pillow_file__icon--slide:after { + color: var(--background); + border-color: var(--background); +} +.c-pillow_file__content--collapsed:after { + background: linear-gradient(0deg,var(--background),hsla(0,0%,100%,0) 40px); + border: 1px solid; +} +.c-pillow_file__snippet__content .CodeMirror-code>div:before { + color: var(--text); +} +/* file drafts */ +ts-rocket, ts-rocket.post_body { + color: var(--text); +} -.textstyle_menu .arrow::after { background-color: var(--background-color); } +.modal-backdrop { + background: var(--background-elevated); +} -.textstyle_menu .content { background-color: var(--background-color); box-shadow: 0 0 0 1px var(--background-color), 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25); } +nav { + background-color: var(--background-elevated); +} -.textstyle_menu.link .arrow-shadow::after { background-color: var(--background-color); } +/* calendar */ +.pickmeup { + background-color: var(--background-elevated); +} -.textstyle_menu.link .arrow::after { background-color: var(--background-color); } +.pmu-disabled { + background: var(--background-elevated); +} -.textstyle_menu.link .content { background-color: var(--background-color); box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25); } +.pmu-days * { + border: 1px solid var(--border-dim); +} +/* history loading */ +.p-degraded_list__loading { + background: var(--background-elevated); +} +/* scrollbar */ +.c-scrollbar__bar { + background: var(--scrollbar-background); + border: 1px solid var(--scrollbar-border); +} +/* actions */ +.c-button--outline { + background: var(--background-elevated); + color: var(--text); +} +.c-button--outline:active { + background: var(--background-light); + color: var(--text-bright); +} +.c-button--outline-primary { + background: var(--background-elevated); +} +.c-message_attachment__pretext { + color: var(--text); +} +.c-button--disabled { + background-color: var(--background-light); +} +.c-select_button { + background-color: var(--background-elevated); +} +.c-select_button:active { + background-color: var(--background-hover); +} +/* dialogs */ +.c-dialog__header { + background: var(--background-elevated); +} +.c-dialog__title { + color: var(--text); +} +.c-dialog__content, .c-dialog__footer { + background: var(--background); +} +.c-dialog__cancel { + background: var(--background-elevated); +} +/* unread message divider badge */ +.c-message_list__unread_divider__label { + background: var(--background-elevated); +} -.textstyle_menu.link .content input[type=text] { background-color: #545454; } +.c-message_list__unread_divider__separator { + border-color: var(--background-bright); +} -.textstyle_menu.link .content > a.link { color: #949494; } +/* message editor */ +.c-message__editor__input { + background: var(--background-elevated); +} +.c-message--highlight, .c-message--highlight_yellow_bg { + background: var(--background); +} -.textstyle_menu.link .content ::-webkit-input-placeholder, .textstyle_menu.link .content ::-moz-placeholder { color: #949494; } +.c-message__editor__input--legacy { + background-color: var(--background-elevated); +} +/* new filelist */ +#client-ui .file_list_item.file_list_item--redesign { + border: 1px solid var(--border-dim); +} +#client-ui .file_list_item .monospace { + color: var(--text); +} +.c-pillow_file_container { + background: var(--background); +} +.c-input_select { + background: var(--background-elevated); + color: var(--text); +} +.p-search_filter__dates, .p-search_filter .p-file_list__file_type_select, .p-search_filter__select .c-input_select { + border: 1px solid var(--border-dim); +} +.p-file_list__filters { + background: var(--background-elevated); +} +.p-file_list__file.c-pillow_file_container--full_width { + border-color: var(--border-dim); +} +.c-pillow_file_container--full_width:focus, .c-pillow_file_container--full_width:focus-within, .c-pillow_file_container--full_width:hover { + background-color: var(--background-elevated); +} -.textstyle_menu.link .content .buttons a.item.active, .textstyle_menu.link .content .buttons a.item:hover { background-color: var(--background-color); } +.c-action_buttons.c-file__actions { + border-color: var(--border-dim); +} +.c-action_buttons__button { + background-color: var(--background-elevated); +} +.c-action_buttons__button:focus { + background-color: var(--background-hover); +} +.c-action_buttons__button:hover .c-action_buttons__icon { + color: var(--text); +} +/* side lists */ +#client-ui .searchable_member_list .team_list_item:hover { + background: var(--background-hover); +} +#client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item .c-unified_member__name { + color: var(--text); +} +.c-pillow_file__title { + color: var(--text); +} +.active .tab_container .file_list_item { + background-color: var(--background); +} +.c-pillow_file__description { + color: var(--text-bright); +} +.c-input_select_options_list_container:not(.c-input_select_options_list_container--always-open) +{ + background-color: var(--background); +} +.p-file_list__file_type_select .c-input_select__selected_value--placeholder { + color: var(--text); +} +.c-input_select_options_list__option { + color: var(--text); +} +#stars_scroller { + background-color: var(--background); +} +.p-file_flexpane--list { + background-color: var(--background-elevated); +} +/* whats' new */ +#whats_new_tab #whats_new_scroller { + background: var(--background); +} +#whats_new_tab p { + color: var(--text); +} +.indifferent_grey { + color: var(--text)!important; +} +/* overriding indifferent grey here to highlight whats'new links */ +#whats_new_tab .indifferent_grey { + color: var(--text-special)!important; +} +/* browse apps */ +.c-filter_input, .p-apps_browser__category_header { + background: var(--background-elevated); +} +.p-apps_browser__category_header { + color: var(--text); +} +.charcoal_grey { + color: var(--text) !important; +} -.textstyle_menu .buttons a:hover, .textstyle_menu.style a:hover { border: 1px solid #545454; } +/* people mentioning */ +.tab_complete_ui .tab_complete_ui_header { + background: var(--background); +} +.tab_complete_ui { + background: var(--background-elevated); +} +.tab_complete_ui ul.type_members .unify_broadcast { + color: var(--text); +} +.c-mrkdwn__broadcast--mention, .c-mrkdwn__broadcast--mention:hover, .c-mrkdwn__highlight, .c-mrkdwn__mention, .c-mrkdwn__mention:hover, .c-mrkdwn__user_group--mention, .c-mrkdwn__user_group--mention:hover { + background: var(--background-elevated); +} +.c-member_slug--mention, .c-member_slug--mention:hover { + background: var(--background-hover); +} -.textstyle_menu .buttons a.active, .textstyle_menu.style a.active { background-color: #545454; border: 1px solid #828282; } +/* message thumbs up */ +.c-reaction { + background: var(--background); + border: 1px solid var(--border-dim); +} +.c-reaction--reacted:hover { + background: var(--background-elevated); +} +.c-reaction_add { + background: var(--background); +} +.c-reaction_add:hover { + background: var(--background-hover); +} +.c-reaction__count { + color: var(--text-bright); +} -.textstyle_menu.style a.deformat::before { border-left: 1px solid #545454; } +/* tooltips */ +.ts_tip .ts_tip_tip { + color: var(--text); +} -.textstyle_menu .buttons a.link_unfurl:not(.unfurl_pending) span::before { color: #949494; } +/* "only visible to you" highlight */ +.c-message--ephemeral, .c-message--sli_highlight_negative { + background: var(--background-hover); +} -.para_menu .insert .tip { color: #949494; } +/* "jump to.." */ +ts-jumper .p-jumper__help { + background: var(--background); +} -.para_menu .insert .tooltip .arrow-shadow::after { background-color: var(--background-color); box-shadow: 0 0 0 1px #545454; } +/* share alert dialog */ +.c-alert--inline, .c-alert--nested_box { + color: var(--text); +} +/* user groups */ -.para_menu .insert .tooltip .arrow::after { background-color: var(--background-color); } +#user_groups_container .mention { + background-color: var(--background-hover); +} +/* share channel */ +.p-file_details__share_channel { + color: var(--text); +} -.para_menu .insert .tooltip .content { background-color: var(--background-color); box-shadow: 0 0 0 1px #545454, 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25); } +/* share message */ +.c-message_attachment__author--distinct { + color: var(--text); +} +.c-message_attachment__author_name, .c-message_attachment__author_name.c-link--button, .c-message_attachment__author_name.c-link--button:active, .c-message_attachment__author_name.c-link--button:focus, .c-message_attachment__author_name.c-link--button:hover { + color: var(--text); +} -.para_menu .format .options .arrow-shadow::after { background-color: var(--background-color); box-shadow: 0 0 0 1px #545454; } +/* 3.3.1 emoji picker */ +.c-menu.p-emoji_picker, .c-menu.p-emoji_picker div, .c-menu.p-emoji_picker h3 { + background: var(--background); +} +.p-emoji_picker__group_tab--active { + background: var(--background-elevated); +} -.para_menu .format .options .arrow::after { background-color: var(--background-color); } +/* 3.3.1 body part */ +#client_body:not(.onboarding):not(.feature_global_nav_layout):before { + background: var(--background); + box-shadow: none; + content: none; +} +/* 3.3.1 search modal */ +.c-search_modal:not(.c-search_modal--primarysearch) .c-search__input_box { + background: var(--background); +} +.c-search__input_and_close { + border-bottom: 1px solid var(--border-dim); +} +.c-search_autocomplete__suggestion_item { + color: var(--text); +} +.token { + color: var(--text-bright) !important; +} +/* notification muter */ +.channel_prefs_body__section_header_title { + color: var(--text); +} +.channel_prefs_notifications_table { + color: var(--text); +} +.notification_prefs_icon:before { + color: var(--text); +} +.channel_prefs__muting_checkbox_label:not(.subtle_silver) { + color: var(--text) !important; +} +/* message dialogs */ +.c-message__sender { + color: var(--text); +} +.c-message--standalone { + border: 1px solid var(--border-dim); +} +/* message not allowed */ +#msg_input_message { + background-color: var(--bacground-elevated); +} -.para_menu .format .options .arrow-shadow.bottom::after { box-shadow: 1px 1px 0 0 #545454; } +.internal_im_link, +.c-button.c-button--outline { + color: var(--text) !important; + border-color: var(--border-dim); +} -.para_menu .format .options .content { background-color: var(--background-color); box-shadow: 0 0 0 1px #545454, 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25); } +/* unread counter */ +.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name { + color: var(--primary) !important; +} -.para_menu .format .options .content ul:first-child { border-bottom: 1px solid var(--background-color); } +/* help modal */ +.p-help_modal__footer { + background-color: var(--background); +} +.p-help_modal__list__item:focus, .p-help_modal__list__item:hover, .p-help_modal__list__item__focus { + background: var(--background-hover); + border: 1px solid var(--border-dim); +} -.para_menu .format .options.show .tooltip > div { background-color: var(--background-color); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); color: var(--text); } +/* App channel */ +.channel_header .channel_header__tabs .channel_header__tab.--active { + color: var(--text); +} +.channel_header .channel_header__tabs .channel_header__tab:hover { + color: var(--background-light); +}.p-app_space { + background-color: var(--background-elevated); +} +.p-app_space_profile__info { + background-color: var(--background-elevated); +}.p-app_space__header { + color: var(--text); +} -.para_menu .format .options.show .tooltip span { background-color: #545454; } +/* file upload */ +.p-multi_file_upload__container .p-galler_scroller__wrapper { + background: var(--background); +} +.c-pillow_file { + background: var(--background-elevated); +} +.c-dialog__footer .p-file_upload_dialog__footer_share_inputs { + color: var(--text); +} -.para_menu .options a:hover { border: 1px solid #545454; } +/* option list */ -.para_menu .options a.active { background-color: #424242; border: 1px solid var(--background-color); } +.c-select_options_list__wrapper { + background-color: var(--background-elevated); + border: 1px solid var(--border-dim); +} +.c-select_options_list__option { + color: var(--text); +} -.para_menu .options a.active span { filter: grayscale(2) brightness(2); } +::-webkit-scrollbar { + width: 12px; + background: var(--scrollbar-background); +} -.para_menu .options a span { filter: grayscale(2) brightness(5); } +/** Slack 4 **/ +strong { + color: var(--text) !important; +} +.c-alert--boxed { + color: var(--text); +} +.c-multi_select_input { + background-color: var(--background-elevated); +} +.c-token { + background-color: var(--background); +} +.c-fullscreen_modal__content--with_footer .c-fullscreen_modal__footer { + background-color: var(--background); +} -.para_menu a.trigger.pilcrow { filter: grayscale(2) brightness(1.8); } +.p-classic_nav { + background-color: var(--background); +} -.para_menu a.trigger.pilcrow:hover, .para_menu a.trigger.pilcrow.active { filter: grayscale(2) brightness(2); } +.p-file_drag_drop__container { + background-color: var(--background); +} -.c-search_autocomplete footer, -.c-search__input_box { background-color: unset; } +.p-workspace__input .p-message_input_field { + background-color: var(--background); + border-color: var(--border-dim); +} +.p-classic_nav__model__title__info.p-classic_nav__no_drag { + color: var(--text); +} +.p-classic_nav__team_header { + background-color: var(--background-elevated); +} +.p-team_sidebar__icon--active, .p-team_sidebar__icon--active:hover { + box-shadow: 0 0 0 3px rgb(19,30,39), 0 0 0 6px var(--border-dim); +} +.c-menu_item__link_icon, .c-menu_item__shortcut { + color: var(--text-bright); +} +.p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text:before, .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { + background: var(--background-elevated); +} -.c-search__input_and_close__close { color: unset; } +/* sidebars default in general */ +.p-workspace--classic-nav .p-workspace__secondary_view { + background-color: var(--background); + border-color: var(--border-dim); +} +/* channel detail view */ +.p-channel_details_section.p-channel_details__channel_details_section { + background-color: var(--background-elevated); +} +.p-channel_details__heading { + color: inherit; +} +.p-channel_details__created_link, .p-channel_details__created_link:hover { + color: inherit; +} +.c-message_kit__pillow { + background-color: var(--background-elevated); +} +@keyframes fade-background-highlight +{ + 0% { background: var(--background-light); } + 100% { background: transparent; } +} +.p-highlights_section__group_title_line { + border-color: var(--border-dim); +} +.p-highlights_section__group_title_label { + background-color: var(--background-elevated); +} +.p-classic_nav__right__search__placeholder { + color: var(--text); +} +.p-pinned_items__empty_list .p-pinned_items__empty_list_action { + color: var(--text); +} -.c-search_autocomplete__suggestion_content { color: var(--text); } +/* create channel */ +.p-channel_create_modal__label_title { + color: var(--text); +} +.p-channel_create_modal, .p-channel_create_modal__label_title, .p-channel_create_modal__private_toggle_copy_body, .p-channel_create_modal__private_toggle_copy_title, .p-channel_create_modal__share, .p-channel_name_input__label_title, .p-invite_users_input__label_title { + color: var(--text); +} +.p-channel_create_modal__input_subtext { + color: var(--text); +} +.p-invite_users_input__input_subtext { + color: var(--text); +} +.c-toggle__input { + background-color: var(--background-light); +} -.c-search_modal .popover>div { background-color: var(--background-color); } +/* workspace directory */ +.p-member_directory__member_row { + background-color: var(--background-elevated); + border-color: var(--border-dim); +} +.p-member_directory__member_row:focus, .p-member_directory__member_row:focus-within, .p-member_directory__member_row:hover { + background-color: var(--background-hover); +} +/* autocomplete lists */ +.c-texty_autocomplete { + background-color: var(--background-elevated); +} +.c-texty_autocomplete__result_highlight { + background-color: var(--background); +} |