Skip to content

Instantly share code, notes, and snippets.

@nelsnelson
Last active June 29, 2018 16:35
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Embed
What would you like to do?
sblack_night_mode.css
html {
background: #222 !important;
}
body {
background: #222 !important;
color: #e6e6e6;
}
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: #e6e6e6;
}
h1 a {
color: #e6e6e6;
}
h1 a:active, h1 a:hover, h1 a:link, h1 a:visited {
color: #e6e6e6;
}
.bordered {
border: 1px solid #363636;
}
.top_border {
border-top: 1px solid #363636;
}
.bottom_border {
border-bottom: 1px solid #363636;
}
.left_border {
border-left: 1px solid #363636;
}
.right_border {
border-right: 1px solid #363636;
}
.bullet {
color: #949494;
}
.alert {
background-color: #363636;
border-color: #000;
color: #e6e6e6;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.alert h4 {
color: #e6e6e6;
}
.alert-info {
background-color: #363636;
border-color: #000;
color: #e6e6e6;
}
.alert-info h4 {
color: #e6e6e6;
}
::-webkit-scrollbar-track {
background: #363636 !important;
border-left-color: #363636 !important;
border-right-color: #363636 !important;
color: #363636 !important;
}
::-webkit-scrollbar-thumb {
background: #545454 !important;
border-left-color: #363636 !important;
border-right-color: #363636 !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: #363636;
border-right-color: #222;
}
.c-mrkdwn__mention {
color: #e6e6e6;
background: #363636;
}
.c-reaction {
color: #e6e6e6;
background-color: #363636;
border: #828282;
}
.c-reaction_add {
background-color: #363636;
color: #e6e6e6;
border: #828282;
}
#col_channels {
color: #e6e6e6 !important;
}
.p-channel_sidebar {
background-color: #363636 !important;
color: #e6e6e6 !important;
}
.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: #e6e6e6 !important;
}
.p-channel_sidebar__channel:hover, .p-channel_sidebar__link:hover {
background: #222 !important;
}
.p-channel_sidebar__header {
color: #e6e6e6 !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: #e6e6e6 !important;
}
.p-channel_sidebar__channel--im .c-presence--away {
color: #949494 !important;
}
.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: #e6e6e6 !important;
}
.p-channel_sidebar__link--selected::before, .p-channel_sidebar__link--selected::after {
color: #e6e6e6 !important;
}
.p-channel_sidebar__badge, .p-channel_sidebar__banner--mentions {
background: #bf360c !important;
}
.p-channel_sidebar .c-custom_scrollbar__thumb_vertical, .p-channel_sidebar .c-scrollbar__bar {
background: #545454 !important;
}
.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;
}
.channels_list_holder h2 {
color: #e6e6e6 !important;
}
.channels_list_holder h2.hoverable:not(.jquery_hover):hover {
color: #e6e6e6 !important;
opacity: 0.8 !important;
}
.channels_list_holder ul {
color: #e6e6e6 !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: #363636;
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: #e6e6e6;
}
.channels_list_holder ul li.unread:not(.muted_channel) .primary_action {
color: whitesmoke !important;
}
.channels_list_holder ul li.unread .prefix {
color: #e6e6e6 !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: #e6e6e6;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.channels_list_holder .unread_msgs {
background: #222;
color: #e6e6e6;
}
#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: #363636;
border-top: 2px solid #363636;
}
#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: #e6e6e6;
}
#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: #e6e6e6;
}
body.loading #team_menu, body.loading #quick_switcher_btn, body.loading #team_menu_overlay, body.loading #col_channels_overlay, body.loading #col_channels {
background-color: #363636;
}
input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type='url'], input[type=tel], input[type=color], input[type=search] {
background-color: #545454;
border-color: #000;
color: #e6e6e6;
}
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: #e6e6e6 dotted thin;
}
input[type=radio]:focus, input[type=checkbox]:focus {
outline: #e6e6e6 dotted thin;
}
select {
background: #545454;
}
select, textarea {
border: 1px solid #000;
color: #e6e6e6;
}
select:active, select:focus, textarea:active, textarea:focus {
border-color: #363636;
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: #363636;
}
.no_touch label.select:hover select {
border-color: #363636;
}
.no_touch label.select:not(.disabled):hover::after {
color: #363636;
}
label.disabled {
color: #e6e6e6;
}
legend {
border-bottom: 1px solid #828282;
}
legend small {
color: #949494;
}
.uneditable-input, .uneditable-textarea {
background-color: #424242;
border: 1px solid #000;
color: #e6e6e6;
}
.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: #e6e6e6;
}
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: #e6e6e6 !important;
-webkit-filter: none;
filter: none;
opacity: 0.5;
}
::-moz-placeholder {
color: #e6e6e6 !important;
filter: none;
opacity: 0.5;
}
::placeholder {
color: #e6e6e6 !important;
filter: none;
opacity: 0.5;
}
[data-placeholder]:empty::before {
color: #e6e6e6 !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #e6e6e6 !important;
-webkit-filter: none;
filter: none;
opacity: 0.5;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #e6e6e6 !important;
filter: none;
opacity: 0.5;
}
input::placeholder, textarea::placeholder {
color: #e6e6e6 !important;
filter: none;
opacity: 0.5;
}
input[data-placeholder]:empty::before, textarea[data-placeholder]:empty::before {
color: #e6e6e6 !important;
}
input[disabled], input[readonly], textarea[disabled], textarea[readonly] {
background-color: #545454 !important;
}
.form-actions {
background-color: #424242;
border-top: 1px solid #363636;
}
.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: #e6e6e6 !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: #e6e6e6;
}
.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: #e6e6e6 !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: #363636;
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: #e6e6e6;
}
.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: #e6e6e6;
border-top-color: #e6e6e6;
}
.input_note {
color: #e6e6e6;
}
.c-enhanced_text_input {
background-color: #545454;
border-color: #363636;
color: #949494;
}
.c-enhanced_text_input:hover, .c-enhanced_text_input.c-enhanced_text_input--active {
border-color: #545454;
}
.lazy_filter_select.disabled {
background: #363636;
}
.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: #363636;
}
.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: #e6e6e6;
}
.lazy_filter_select .lfs_list .lfs_item.selected .c-member__current-status .prevent_copy_paste, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__current-status--small::before, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__display-name, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__name, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__secondary-name {
color: #e6e6e6 !important;
}
.lazy_filter_select .lfs_list .lfs_item.disabled {
color: #949494;
}
.lazy_filter_select .lfs_list .lfs_item.active {
background-color: #000;
border-color: #363636;
color: #e6e6e6;
}
.lazy_filter_select .lfs_token {
background: #222;
border: 1px solid #000;
color: #e6e6e6;
}
.lazy_filter_select .lfs_token::after {
color: #e6e6e6;
}
.lazy_filter_select.single .lfs_input_container.active::after, .lazy_filter_select.single .lfs_input_container:hover::after {
color: #e6e6e6;
}
#select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected {
color: #e6e6e6 !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: #363636;
}
#message_edit_form.offline #message-input, #message_edit_form.offline #primary_file_button {
background-color: #363636 !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: #363636;
}
#msg_form #msg_input {
background: padding-box #545454;
border-color: #424242;
border-left: 0;
color: #e6e6e6;
}
#msg_form #msg_input.focus ~ .msg_mentions_button:not(.hover) {
color: #e6e6e6;
}
#msg_form .msg_mentions_button {
color: #949494;
}
#msg_form .msg_mentions_button:hover {
color: #e6e6e6;
}
#msg_input {
background: #545454;
border-color: #424242;
color: #e6e6e6;
}
#msg_input::-webkit-input-placeholder {
color: #e6e6e6 !important;
-webkit-filter: none;
filter: none;
opacity: 0.5;
}
#msg_input::-moz-placeholder {
color: #e6e6e6 !important;
filter: none;
opacity: 0.5;
}
#msg_input::placeholder {
color: #e6e6e6 !important;
filter: none;
opacity: 0.5;
}
#msg_input[data-placeholder]:empty::before {
color: #e6e6e6 !important;
}
#msg_input:focus, #msg_input.focus {
border-color: #363636;
}
#msg_input:focus + #primary_file_button:not(:hover):not(.active), #msg_input.focus + #primary_file_button:not(:hover):not(.active) {
border-color: #363636;
}
#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: #363636 !important;
color: #949494;
}
#msg_input.disabled, #msg_input.ql-disabled {
background-color: #363636;
border-color: #363636;
color: #949494;
}
#msg_input_message {
background-color: #363636;
color: #e6e6e6;
}
#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: #363636;
color: #e6e6e6;
}
#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 #363636 !important;
border-color: #363636 !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: #e6e6e6;
}
.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__editor__input {
background: #545454;
border-color: #363636;
color: #e6e6e6;
}
.c-message__editor__input.focus {
border-color: #363636;
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: #363636;
color: #e6e6e6;
}
#message_edit_container .message_input.focus {
border-color: #363636;
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 {
color: #e6e6e6;
filter: none;
}
.ql-container.texty_single_line_input {
background: #545454;
border: 1px solid #363636;
color: #e6e6e6;
}
.ql-container.texty_single_line_input.focus, .ql-container.texty_single_line_input:hover {
border-color: #363636;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.ts_toggle .ts_toggle_button {
background: #000;
color: #e6e6e6;
}
.ts_toggle .ts_toggle_button .ts_toggle_handle {
background: #363636;
}
.ts_toggle .ts_toggle_secondary_label {
color: #949494;
}
.ts_toggle.checked .ts_toggle_button {
background: #828282;
color: #e6e6e6;
}
.ts_toggle.ts_toggle_orange .ts_toggle_button {
background: #bf360c;
color: #e6e6e6;
}
.menu {
background: #363636;
border: 1px solid #222;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
color: #e6e6e6;
}
.menu .menu_content {
background: #363636 !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: #363636;
color: #e6e6e6;
}
.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: #e6e6e6;
}
.menu .section_header .header_label {
background-color: #363636;
color: #949494;
}
.menu .section_header > div.header_label_container {
color: #949494;
}
.menu ul li a {
background: #363636;
border-bottom: 0;
color: #e6e6e6;
}
.menu ul li a.delete_link {
color: #bf360c;
}
.menu ul li.highlighted a {
background: #222;
border-bottom-color: #000;
color: #e6e6e6;
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: #e6e6e6;
}
.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: #e6e6e6;
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: #e6e6e6;
}
.menu:not(.keyboard_active) ul li:hover:not(.disabled) a.delete_link {
color: #bf360c;
}
.menu input {
background: #363636;
border: 1px solid #545454;
}
.menu textarea {
background: #363636;
border: 1px solid #545454;
}
.menu #menu_footer .menu_footer {
background: #000;
border-top: 1px solid #363636;
}
.menu #monkey_scroll_wrapper_for_menu_items_scroller {
background: #363636;
}
.menu #menu_list_container #menu_list .menu_list_item a {
color: #e6e6e6;
}
.menu #menu_list_container #menu_list .menu_list_item.active a {
background: #545454;
color: #e6e6e6;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
#autocomplete_menu {
color: #e6e6e6;
}
#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: #e6e6e6;
}
#autocomplete_menu .no_results {
color: #e6e6e6;
}
#autocomplete_menu .keyword_match .modifier {
color: #949494;
}
#autocomplete_menu .boxed {
background: #222;
border: 1px solid #363636;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
}
#autocomplete_menu .pickmeup {
border-bottom: 1px solid #363636;
}
#autocomplete_menu.search_menu .section_header::before {
background-color: #545454;
}
#autocomplete_menu.search_menu header {
color: #e6e6e6;
}
#autocomplete_menu.search_menu header .header_label::before {
background-color: #363636;
}
#autocomplete_menu.search_menu .query_header {
background-color: transparent;
}
#autocomplete_menu.search_menu .query_header .search_query_preview {
color: #e6e6e6;
}
#autocomplete_menu.search_menu li.highlighted .result_item_btn {
background: #363636;
color: #e6e6e6;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
#autocomplete_menu.search_menu li.highlighted .modifier_icon {
color: #949494;
}
#autocomplete_menu.search_menu li.highlighted .action_btn {
color: #e6e6e6;
}
#autocomplete_menu.search_menu li.highlighted .delete_btn {
color: #949494;
}
#autocomplete_menu.search_menu li.highlighted .delete_btn:focus, #autocomplete_menu.search_menu li.highlighted .delete_btn:hover {
color: #bf360c;
}
#autocomplete_menu.search_menu li.highlighted .muted_text {
color: #949494;
}
#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu: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 {
background: #363636;
color: #e6e6e6;
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 {
color: #949494;
}
#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .action_btn {
color: #e6e6e6;
}
#autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu: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 {
color: #bf360c;
}
#autocomplete_menu.search_menu .muted_text {
color: #949494;
}
#autocomplete_menu.search_menu .time_modifiers::before {
background-color: #363636;
}
#autocomplete_menu.search_menu .result_item_btn {
color: #e6e6e6;
}
#autocomplete_menu.search_menu .action_btn, #autocomplete_menu.search_menu .modifier_icon {
color: #949494;
}
#autocomplete_menu.search_menu footer .keyword::before, #autocomplete_menu.search_menu footer .modifier::before {
background: #828282;
border: 1px solid #545454;
color: #e6e6e6;
}
#autocomplete_menu.search_menu footer .selected .keyword::before, #autocomplete_menu.search_menu footer .selected .modifier::before {
background: rgba(84, 84, 84, 0.25);
border: #828282;
}
#autocomplete_menu.search_menu footer .modifier.incomplete::before {
background: #363636;
border: 1px solid #000;
}
.search_light_grey {
color: #e6e6e6 !important;
}
.highlighter_underlay .keyword::before {
background: #828282;
border: 1px solid #545454;
color: #e6e6e6;
}
.highlighter_underlay .modifier::before {
background: #828282;
border: 1px solid #545454;
color: #e6e6e6;
}
.highlighter_underlay .modifier.incomplete::before {
background: #363636;
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: #e6e6e6;
}
.pickmeup {
background: #222;
border: 1px solid #363636;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.pickmeup .pmu-instance .pmu-button {
color: #e6e6e6;
}
.pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover {
background: #363636 !important;
}
.pickmeup .pmu-instance .pmu-today.pmu-selected .pmu-today-border, .pickmeup .pmu-instance .pmu-today:hover .pmu-today-border {
background: #828282;
color: #e6e6e6 !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: #e6e6e6;
}
.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: #e6e6e6;
}
.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 #363636;
}
.pickmeup .pmu-instance .pmu-day-of-week {
color: #e6e6e6;
}
.pickmeup .pmu-instance .pmu-day-of-week * {
border: 1px solid #363636;
}
.pickmeup .pmu-instance .pmu-days * {
border: 1px solid #363636;
}
#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: #e6e6e6;
}
#menu.date_picker li.date_picker_item a:hover {
color: #e6e6e6;
}
#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: #e6e6e6;
}
#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 #363636;
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 #363636;
color: #e6e6e6;
text-shadow: 0 1px rgba(0, 0, 0, 0.15);
}
.tab_complete_ui ul.type_emoji li {
color: #e6e6e6;
}
.tab_complete_ui ul.type_members .broadcast_info, .tab_complete_ui ul.type_members .realname {
color: #e6e6e6;
}
.tab_complete_ui ul.type_members .unify_broadcast {
color: #e6e6e6;
}
.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: #e6e6e6 !important;
}
.tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_divider {
border-bottom: 0;
border-top-color: #363636;
}
.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: #e6e6e6;
}
.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 #363636;
}
.tab_complete_ui li.tab_complete_ui_item.active, .tab_complete_ui li.tab_complete_ui_group.active {
background: #545454;
border-bottom-color: #363636;
text-shadow: 0 1px rgba(0, 0, 0, 0.15);
}
.tab_complete_ui li.tab_complete_ui_item.active span, .tab_complete_ui li.tab_complete_ui_group.active span {
color: #e6e6e6 !important;
}
.tab_complete_ui .not_in_channel {
color: #949494;
}
#team_menu {
background: #363636;
border-bottom: 2px solid #363636;
color: #e6e6e6;
}
#team_menu.active, #team_menu:hover {
background: #363636 !important;
border-bottom-color: #363636 !important;
}
#team_menu.active i, #team_menu:hover i {
color: #e6e6e6;
}
#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: #e6e6e6 !important;
}
#team_menu_user {
color: #949494;
}
#team_menu_user_name, #team_menu_user_details {
color: #e6e6e6 !important;
opacity: 0.75;
}
.slack_menu_section::before {
border-top-color: #222;
}
.slack_menu_header_secondary {
color: #949494;
}
.slack_menu_download {
background-color: #363636;
}
.slack_menu_download ts-icon {
color: #949494;
}
#menu_items_scroller::-webkit-scrollbar-track {
background: #222 !important;
}
#limit_meter:hover #limit_meter_message_body {
color: #e6e6e6;
}
#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: #e6e6e6;
}
#client_body:not(.onboarding)::before {
background: #222;
border-bottom: 1px solid #363636;
box-shadow: inset 1px 0 0 0 #222;
}
.messages_header {
color: #e6e6e6;
}
.channel_title .channel_name_container .channel_name {
color: #e6e6e6;
}
.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_title_info {
background: #222;
color: #949494;
}
.channel_title_info .channel_details_toggle, .channel_title_info .channel_actions_toggle {
color: #949494;
}
.channel_header_icon {
color: #e6e6e6;
}
.channel_calls_button .call_icon.call_window_offline {
color: #949494;
}
.channel_actions_toggle.active:focus, .details_toggle.active:focus {
color: #e6e6e6;
}
#flex_menu_toggle.active, #flex_menu_toggle.active:focus {
color: #e6e6e6;
}
#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: #e6e6e6;
}
#canvases_toggle.active, #details_toggle.active, #recent_mentions_toggle.active, #sli_recap_toggle.active, #stars_toggle.active {
background: #363636;
color: #e6e6e6;
}
#canvases_toggle.active:hover, #details_toggle.active:hover, #recent_mentions_toggle.active:hover, #sli_recap_toggle.active:hover, #stars_toggle.active:hover {
background: #545454;
color: #e6e6e6;
}
#recent_mentions_toggle:hover {
color: #bf360c;
}
#rxn_toast_div {
background: #000;
border: 1px solid #545454;
}
.presence {
color: #949494;
}
#channel_topic_text {
background: #222;
}
#edit_topic_container:hover {
overflow: hidden !important;
}
#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: #363636;
}
.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 #363636;
}
.day_divider .day_divider_label {
background: #222;
}
.day_container .day_msgs {
border-top: 1px solid #363636;
}
.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: #e6e6e6;
}
#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-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: #e6e6e6;
}
.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: #e6e6e6;
}
.c-message__sender a {
color: #e6e6e6;
}
.c-message__sender .c-emoji__text_mode_icon {
color: #949494;
}
.c-message__body {
color: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6;
}
.c-message__call--ended .c-message__call_icon {
color: #949494;
}
.c-message__call_info {
color: #e6e6e6;
}
.c-message__call_name--linked {
color: #e6e6e6;
}
.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: #363636;
}
.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: #363636;
color: #949494;
}
.c-message_actions__button:hover {
color: #e6e6e6;
}
.c-message_actions__button:active {
background: #363636;
}
.c-message_group {
background-color: #222;
border-color: #363636;
}
.c-message_group:hover .c-message_group__header {
color: #949494;
}
.c-message_group__header {
color: #e6e6e6;
}
.c-message_group__divider_text {
background-color: #222;
color: #e6e6e6;
}
.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: #e6e6e6;
}
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: #e6e6e6;
}
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 #363636;
}
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: #e6e6e6;
}
ts-message .recap_highlight {
background: rgba(191, 54, 12, 0.4);
}
ts-message .recap_highlight a {
color: #e6e6e6;
}
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 #363636;
}
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: #363636;
border-right: 1px solid #545454;
}
ts-message .action_hover_container .btn_msg_action {
background: #222;
border-right: 1px solid #363636;
color: #949494;
}
ts-message .action_hover_container .btn_msg_action:hover {
color: #e6e6e6;
}
ts-message .action_hover_container .btn_msg_action.active, ts-message .action_hover_container .btn_msg_action:active {
background: #363636;
color: #e6e6e6;
}
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: #e6e6e6 !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: #e6e6e6;
}
ts-mention {
background: rgba(130, 130, 130, 0.1) !important;
color: #e6e6e6 !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: #e6e6e6;
}
#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: #363636;
}
#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: #e6e6e6;
}
.bot_message .message_sender a {
color: #e6e6e6;
}
.color_USLACKBOT:not(.nuc), #col_channels ul li:not(.active):not(.away) > .color_USLACKBOT:not(.nuc), #col_channels:not(.show_presence) ul li > .color_USLACKBOT:not(.nuc) {
color: #e6e6e6;
}
#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: #e6e6e6;
}
#msgs_scroller_div #end_display_div p {
color: #e6e6e6;
}
.member_mentions_options {
background-color: #000;
border-top: 1px solid #363636;
}
.dm_badge .dm_badge_meta {
color: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6;
}
.c-message_attachment__video_play, .c-message_attachment__video_link {
color: #e6e6e6;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.c-message_attachment__video_play:hover, .c-message_attachment__video_link:hover {
color: #e6e6e6;
}
.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 #363636;
}
.attachment_group.has_container .inline_attachment::after {
background-color: #363636;
}
.attachment_group.has_container.has_link:hover {
border-bottom-color: #363636;
border-left-color: #363636;
border-right-color: #363636;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.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 #363636;
}
.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: #e6e6e6;
}
.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: #e6e6e6;
}
.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 {
background: #000;
border: 1px solid #363636;
color: #e6e6e6;
}
.file_container:hover, .file_container:focus, .file_container.file_menu_open {
border-bottom-color: #363636;
border-left-color: #363636;
border-right-color: #363636;
}
.file_container::after, .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 {
background: #222;
box-shadow: 0 0 0 3px #222;
color: #e6e6e6;
}
.file_container.generic_container .file_header_icon .ts_icon.snippet {
background: #363636;
}
.file_container.generic_container .file_header_meta .meta_hover {
background: #000;
color: #e6e6e6;
}
.file_container .file_header .file_header_meta {
color: #949494;
}
.file_container .file_header + .file_body {
border-top: 1px solid #000;
}
.file_container .preview_actions .btn {
background-color: #363636;
color: #e6e6e6 !important;
}
.file_container .preview_actions .btn::after {
border-color: #000;
}
.file_container .preview_actions .btn.preview_show_less_header {
background-color: rgba(130, 130, 130, 0.9);
color: #e6e6e6 !important;
}
.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 {
background-color: #363636;
}
.file_container .preview_actions .btn.preview_show_less_header:focus::after, .file_container .preview_actions .btn.preview_show_less_header:hover::after {
border-color: #363636;
}
.file_container.image_container .image_body {
background-color: #222;
}
.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 {
background-color: #363636;
}
.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 {
background: linear-gradient(rgba(84, 84, 84, 0.8), rgba(84, 84, 84, 0.8)), linear-gradient(rgba(130, 130, 130, 0.3), rgba(130, 130, 130, 0.3));
color: #e6e6e6;
}
.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 {
background: rgba(84, 84, 84, 0.8);
color: #e6e6e6;
}
.message--focus .file_container .preview_show.preview_show_less .preview_show_btn {
background: #545454;
color: #e6e6e6;
}
.msg_inline_video_buttons_div {
background-color: rgba(34, 34, 34, 0.4);
}
.msg_inline_video_buttons_div a {
color: #e6e6e6;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.msg_inline_video_buttons_div a:visited {
color: #e6e6e6;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.post_body ul.checklist {
background-color: #363636;
}
.post_body ul.checklist li::before {
background: #363636;
}
.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: #e6e6e6;
}
.post_body code, .post_body pre {
background: #363636;
}
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: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__unread_banner__banner {
background: #545454;
text-shadow: 0 1px rgba(0, 0, 0, 0.15);
}
.messages_banner {
color: #e6e6e6;
text-shadow: 0 1px rgba(0, 0, 0, 0.15);
}
.messages_banner a {
color: #e6e6e6;
}
.messages_banner a:hover {
color: #e6e6e6;
}
#connection_div {
background: #bf360c;
}
#archives_return {
background: padding-box #828282;
color: #e6e6e6;
}
#archives_return.warning {
background: #bf360c;
}
#archives_return a {
color: #e6e6e6;
}
#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: #e6e6e6;
text-shadow: 0 1px rgba(0, 0, 0, 0.15);
}
#messages_unread_status.quiet a {
color: #e6e6e6;
}
.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: #363636;
background-image: none;
}
#archives_end_div_msg_lim h1, #end_display_msg_lim h1 {
color: #e6e6e6;
}
#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 #363636;
color: #e6e6e6;
}
.file_list_item.snippet .snippet_preview {
background: #000;
}
.snippet_preview, .snippet_body {
background: #000;
}
.snippet_preview pre, .snippet_body pre {
color: #e6e6e6 !important;
}
.CodeMirror {
background: #fff !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 {
background-color: #363636;
border-right: 1px solid #363636;
color: #949494;
}
.CodeMirror {
background: #000;
border: 1px solid #363636;
color: #e6e6e6;
}
.CodeMirror pre {
background: transparent !important;
}
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid #e6e6e6;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
background: #e6e6e6;
}
.CodeMirror .CodeMirror-gutters {
background-color: #363636;
border-right: 1px solid #222;
}
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
background-color: #363636;
}
.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: #363636;
}
.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: #e6e6e6;
}
.sssh-property {
color: #e6e6e6;
}
.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: #363636;
}
.sssh-link {
color: #949494;
}
.c-message--dense .c-timestamp__label {
color: #949494;
}
.c-message--dense .c-message__content_header .c-custom_status {
border-color: #363636;
}
.dense_theme ts-message {
color: #e6e6e6;
}
.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: #363636;
}
.c-message--light .c-message__sender .c-message__sender_link {
/* color: #e6e6e6; */
}
.light_theme ts-message {
color: #e6e6e6;
}
.light_theme ts-message .message_content .message_sender, .light_theme ts-message .message_content .meta .message_sender:hover {
color: #e6e6e6 !important;
}
.light_theme ts-message .comment::before {
color: #949494;
}
.channel_overlay {
border-color: #363636;
color: #949494;
}
.channel_overlay.channel_overlay_redesign .channel_overlay_title {
color: #e6e6e6;
}
.channel_overlay.channel_overlay_redesign li {
color: #949494;
}
.channel_overlay_title_wrap {
border-color: #363636;
}
.channel_overlay_title_shared {
color: #e6e6e6;
}
pre {
background: #000;
border: 1px solid #363636;
color: #e6e6e6;
}
pre span.mention {
padding: 2px 0 !important;
}
#page pre, body > pre {
background: #000;
color: #e6e6e6 !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 #363636;
}
#threads_msgs_scroller_div .threads_caught_up_divider .divider_label {
background: #545454;
color: #e6e6e6;
}
#threads_msgs_scroller_div.loading {
background: none;
}
#threads_msgs_scroller_div.loading::before {
color: #e6e6e6;
}
#threads_view_banner.messages_banner {
background: #363636;
}
#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: #363636;
color: #e6e6e6;
}
ts-thread .reply_input_container .collapsed_input_placeholder, ts-thread .reply_input_container .join_channel_from_thread_container, ts-thread .reply_input_container .reply_limited_in_general {
background: #363636;
border-color: #363636;
}
ts-thread .thread_messages {
background: #363636;
border-color: #363636;
}
ts-thread ts-message.new_reply {
background: #222;
}
ts-thread ts-message.new_reply:hover {
background: #363636;
}
ts-thread .thread_header .thread_channel_name a {
color: #e6e6e6;
}
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 #363636;
}
.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: #e6e6e6;
}
.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: #363636;
}
.unread_group.marked_as_read .unread_group_header {
background: #222;
}
.unread_group_header {
background: #363636;
border-top-color: #545454;
color: #e6e6e6;
}
.unread_group_header .unread_group_collapse_toggle:hover ts-icon {
color: #e6e6e6;
}
.unread_group_header .unread_group_collapse_caret .ts_icon_caret_down {
color: #949494;
}
.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: #363636;
}
.unread_group_header_name a {
color: #e6e6e6;
}
.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: #e6e6e6;
}
.unread_empty_state_undo_action {
color: #e6e6e6;
}
.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: #363636;
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: #e6e6e6;
}
#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: #e6e6e6;
}
#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 #363636;
}
#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 #363636;
}
#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: #e6e6e6;
}
#flex_contents i.callout {
color: #949494;
}
.close_flexpane {
color: #949494;
}
.close_flexpane:focus, .close_flexpane:hover {
color: #e6e6e6;
}
#client-ui.flex_pane_showing #col_flex {
border-left-color: #363636;
}
.toolbar_container {
background: #222;
border-bottom: 1px solid #000;
color: #e6e6e6;
}
.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: #363636;
}
#details_tab .conversation_details .member_name:hover {
color: #949494;
}
#details_tab .conversation_details .member_username:hover {
color: #e6e6e6;
}
#details_tab .conversation_details .member_info_timezone {
border-top-color: #545454;
}
#details_tab .channel_page_section {
background: #222;
border-top: 1px solid #363636;
}
#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: #e6e6e6;
}
#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: #e6e6e6;
}
#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: #e6e6e6;
}
.channel_page_member_row a {
color: #949494;
}
.channel_page_member_row.away {
color: #e6e6e6;
}
.channel_page_member_row.away a {
color: #949494;
}
.channel_page_member_row:hover {
background-color: #545454;
border-color: #363636;
}
.pinned_item {
color: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6 !important;
}
.c-channel_insights__user_title {
color: #949494;
}
.c-channel_insights__channel .channel_link {
color: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #e6e6e6 !important;
}
.filetype_button {
background: #828282;
border: 1px solid #545454;
color: #e6e6e6 !important;
}
.filetype_button:hover {
background: #828282;
}
.filetype_button:hover .file_download_label {
background: #545454;
color: #e6e6e6;
}
.filetype_button .file_title {
color: #e6e6e6;
}
.filetype_button .file_download_label {
background: #828282;
border-top: 1px solid #545454;
}
a.filetype_button_web {
background: #828282;
border: 1px solid #545454;
color: #e6e6e6;
}
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: #e6e6e6;
}
.file_header_detailed {
color: #949494;
}
.file_header_detailed .member {
color: #e6e6e6 !important;
}
.file_inline_icon {
color: #949494;
}
.file_header .member {
color: #949494 !important;
}
.file_header .title {
color: #e6e6e6;
}
.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: #e6e6e6;
}
.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: #363636;
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: #e6e6e6;
}
.file_list_item #share_dialog, .file_list_item.active, .file_list_item:active, .file_list_item:hover {
background-color: #363636;
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: #363636;
}
.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: #e6e6e6;
}
.file_preview_wrapper .file_preview {
background: #222;
}
.file_preview_wrapper .file_preview:hover {
background: #363636;
}
#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: #363636;
}
.comment_meta {
color: #949494;
}
.comment .special_formatting_quote .content {
color: #e6e6e6;
}
.comment .member {
color: #e6e6e6 !important;
}
.comment_body {
color: #e6e6e6;
}
.comment_actions {
color: #949494;
}
.comment_actions:hover {
color: #e6e6e6;
}
.icon_quote {
color: #e6e6e6;
}
.edit_comment_form .texty_comment_input, .comment_form .texty_comment_input {
background: #545454;
border-color: #363636;
color: #e6e6e6;
}
.edit_comment_form .texty_comment_input.focus, .edit_comment_form .texty_comment_input:hover, .comment_form .texty_comment_input.focus, .comment_form .texty_comment_input:hover {
border-color: #363636;
}
.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: #363636;
}
.tab_container