From af1b2306b03351e0bc670373d3eab43b69099635 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Tue, 27 Aug 2019 14:10:51 -0400 Subject: [PATCH 01/21] Update Autocomplete Popup Style --- scss/modules/inputs/_base.scss | 16 ------------- scss/modules/menu/_autocomplete.scss | 35 ++++++++++++++++++++++++++++ 2 files changed, 35 insertions(+), 16 deletions(-) diff --git a/scss/modules/inputs/_base.scss b/scss/modules/inputs/_base.scss index ac6b4099..d328ea1a 100644 --- a/scss/modules/inputs/_base.scss +++ b/scss/modules/inputs/_base.scss @@ -351,22 +351,6 @@ textarea { } } -.c-texty_autocomplete { - background: $color-base; - box-shadow: 0 0 0 1px $color-shade-lightest, 0 4px 12px 0 $color-shade-lightest; - - &__result { - &--selected { - background: $color-shade-mid; - } - - &_highlight, - &_highlight--selected { - background: $color-shade-dark; - } - } -} - .p-workspace { &__input { .p-message_input_field { diff --git a/scss/modules/menu/_autocomplete.scss b/scss/modules/menu/_autocomplete.scss index 164992ab..1203f81c 100644 --- a/scss/modules/menu/_autocomplete.scss +++ b/scss/modules/menu/_autocomplete.scss @@ -213,3 +213,38 @@ color: $base-font-color; } } + +.c-texty_autocomplete--commands { + background: $color-base; + box-shadow: 0 0 0 1px $color-shade-light, 0 4px 12px 0 $color-shade-light; + + .c-texty_autocomplete { + &__group { + background-color: $color-shade-dark; + color: $base-font-color; + } + + &__result { + background-color: $color-base; + + &:not(.c-texty_autocomplete__result--selected) { + .c-texty_autocomplete__result_description { + color: $base-link-color; + } + } + + &--selected { + background: $color-shade-mid; + } + + &_highlight, + &_highlight--selected { + background: $color-shade-dark; + } + + &_title { + color: $base-font-color; + } + } + } +} From e2156e724a785ead42e987cd7b27fa1bf80da4db Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Tue, 27 Aug 2019 14:42:07 -0400 Subject: [PATCH 02/21] Update Emoji Autocomplete Popup Color --- scss/modules/menu/_autocomplete.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/scss/modules/menu/_autocomplete.scss b/scss/modules/menu/_autocomplete.scss index 1203f81c..ad8a4952 100644 --- a/scss/modules/menu/_autocomplete.scss +++ b/scss/modules/menu/_autocomplete.scss @@ -214,6 +214,12 @@ } } +.c-texty_autocomplete { + &__body { + background-color: $color-base; + } +} + .c-texty_autocomplete--commands { background: $color-base; box-shadow: 0 0 0 1px $color-shade-light, 0 4px 12px 0 $color-shade-light; From 926090f04c4d01e6f7676b2796cffe81f3ab7028 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Wed, 28 Aug 2019 09:58:43 -0400 Subject: [PATCH 03/21] Update Download Pane Empty Background Color --- scss/modules/flexpane/_download.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/scss/modules/flexpane/_download.scss b/scss/modules/flexpane/_download.scss index 466d4242..12dd88b9 100644 --- a/scss/modules/flexpane/_download.scss +++ b/scss/modules/flexpane/_download.scss @@ -5,7 +5,7 @@ &__container &__name_row { color: $base-font-color; } - + &__actions { background: $color-base; @@ -41,6 +41,10 @@ } &__body { + &--empty { + background-color: $color-base; + } + .p-thread_drag_overlay { background-color: $color-shade-dark; From 6a443086538718596a463a818fffde0283c94b33 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Wed, 28 Aug 2019 10:06:21 -0400 Subject: [PATCH 04/21] Update Download Pane Colors --- scss/modules/flexpane/_download.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/scss/modules/flexpane/_download.scss b/scss/modules/flexpane/_download.scss index 12dd88b9..87c71a5b 100644 --- a/scss/modules/flexpane/_download.scss +++ b/scss/modules/flexpane/_download.scss @@ -55,3 +55,12 @@ } } } + +.c-icon_button--light, +.c-icon_button--light.c-button-unstyled { + color: $base-link-color; + + &:hover { + color: $base-link-color-active; + } +} From 0f975fb3a6c4dd75631bec5e35b231111d596864 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Thu, 29 Aug 2019 09:12:32 -0400 Subject: [PATCH 05/21] Update Channel Edit Button Color --- css/black.css | 60 +++++++++--- css/raw/black.css | 92 +++++++++++++++---- css/raw/variants/arc-dark.css | 90 +++++++++++++++--- css/raw/variants/aubergine-monospaced.css | 90 +++++++++++++++--- css/raw/variants/aubergine.css | 90 +++++++++++++++--- css/raw/variants/black-monospaced.css | 92 +++++++++++++++---- css/raw/variants/gruvbox-dark.css | 90 +++++++++++++++--- css/raw/variants/midnight-blue-monospaced.css | 92 +++++++++++++++---- css/raw/variants/midnight-blue.css | 92 +++++++++++++++---- css/raw/variants/solarized-dark.css | 90 +++++++++++++++--- css/raw/variants/solarized-light.css | 90 +++++++++++++++--- css/variants/arc-dark.css | 58 +++++++++--- css/variants/aubergine-monospaced.css | 58 +++++++++--- css/variants/aubergine.css | 58 +++++++++--- css/variants/black-monospaced.css | 60 +++++++++--- css/variants/gruvbox-dark.css | 58 +++++++++--- css/variants/midnight-blue-monospaced.css | 60 +++++++++--- css/variants/midnight-blue.css | 60 +++++++++--- css/variants/solarized-dark.css | 58 +++++++++--- css/variants/solarized-light.css | 58 +++++++++--- scss/modules/header/_base.scss | 4 + 21 files changed, 1202 insertions(+), 298 deletions(-) diff --git a/css/black.css b/css/black.css index a9df34de..a72bd3ad 100644 --- a/css/black.css +++ b/css/black.css @@ -129,7 +129,7 @@ .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: #9c9b9b; } + .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; } @@ -154,10 +154,9 @@ .c-filter_input { background: #545454; } .p-share_dialog_message_input { color: #e6e6e6; } .c-texty_input .ql-placeholder { color: #e6e6e6; } - .c-texty_autocomplete { background: #222; box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282; } - .c-texty_autocomplete__result--selected { background: #424242; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #363636; } - .p-workspace__input .p-message_input_field { background: #222; } + .p-workspace__input .p-message_input_field { background: #222; border-color: #545454; } + .p-workspace__primary_view_footer { border-color: #363636; } + .p-workspace__secondary_view { border-color: #363636; } .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; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #545454; border-color: #363636; color: #e6e6e6; } .inline_message_input_container .ql-container { border-color: #545454; color: #e6e6e6; } .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: #363636; border-color: #363636; color: #e6e6e6; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #bf360c; } - .c-message .c-button { border-color: #424242; } - .c-message .c-button--outline { background-color: #363636; color: #949494; } - .c-message .c-button--outline:hover { color: #c7c7c7; } - .c-message .c-button--primary { background-color: #545454; color: #e6e6e6; } + .c-message--editing, .p-channel_details_section--editing { background: #363636; border-color: #363636; color: #e6e6e6; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #424242; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #363636; color: #949494; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #c7c7c7; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #545454; color: #e6e6e6; } #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; } @@ -326,6 +325,14 @@ .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; } + .c-texty_autocomplete__body { background-color: #222; } + .c-texty_autocomplete--commands { background: #222; box-shadow: 0 0 0 1px #545454, 0 4px 12px 0 #545454; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #363636; color: #e6e6e6; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #222; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #949494; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #424242; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #363636; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { 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; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #949494; } .p-classic_nav { background: #363636; } .p-classic_nav__model__button { color: #e6e6e6; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #828282; } .p-classic_nav__model__title__info { color: #e6e6e6; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #222; color: #e6e6e6; } .p-classic_nav__model__title__name--dim { color: #828282; } .p-classic_nav__right__button { color: #e6e6e6; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #e6e6e6; } .p-classic_nav__right__search:hover { border-color: #828282; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #828282; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #e6e6e6; } + .p-classic_nav__team_header { background: #363636; } + .p-classic_nav__model__title__info__topic__edit { 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; } @@ -475,6 +486,8 @@ #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 { background-color: #fff6d1; color: #363636; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #363636; color: #e6e6e6; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #424242; } .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); } @@ -534,6 +547,7 @@ .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); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #000; border-color: #363636; } 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); } @@ -651,6 +665,7 @@ .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; } + .c-message_kit { background: #363636; } .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #e6e6e6; } .attachment_group.has_container { background: #222; border: 1px solid #363636; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #e6e6e6; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; } .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); } @@ -875,6 +891,9 @@ .p-threads_view_reply--new_reply { background: #363636; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #363636; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #363636; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #545454; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #949494; } + .p-workspace__input .p-message_input_file_button:hover { background: #424242; color: #949494; } 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; } @@ -1006,8 +1025,11 @@ .p-flexpane_header { background-color: #363636; border-bottom-color: #424242; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #e6e6e6; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #c7c7c7; } + .p-flexpane__body--empty { background-color: #222; } .p-flexpane__body .p-thread_drag_overlay { background-color: #363636; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #e6e6e6; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #949494; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #c7c7c7; } #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; } @@ -1093,7 +1115,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #e6e6e6; } - .c-pillow_file__slide { background-color: #000; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #000; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #000; } .c-pillow_file_container { background-color: #000; } .p-file_list, .p-file_list__filters { background: #363636; } .p-file_list__filters { border-color: #363636; } @@ -1109,6 +1132,8 @@ #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; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #363636; } .user_group_item { border-bottom: 1px solid #545454; } .user_group_item a { color: #949494; } #flex_contents .user_group_item:hover { background-color: #222; } @@ -1427,6 +1452,8 @@ .notification_prefs_icon::before { color: #e6e6e6; } .channel_header .channel_header__tabs .channel_header__tab { color: #949494; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #c7c7c7; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #424242; } .channel_modal_header { color: #e6e6e6; } #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; } #channel_browser .channel_browser_row_header { color: #e6e6e6; } @@ -1574,6 +1601,9 @@ .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; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #e6e6e6; } + .p-member_profile_field__label { color: #e6e6e6; } ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; } ts-jumper input[type=text] { border: 1px solid #000 !important; color: #e6e6e6; } @@ -2040,7 +2070,7 @@ .quote_block::before { background-color: #545454; } .well { background: #000; border-color: black; color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } .c-tabs__tab { color: #949494; } .c-tabs__tab:hover { color: #e6e6e6; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #828282; color: #e6e6e6; } diff --git a/css/raw/black.css b/css/raw/black.css index 941767da..2a671c0f 100644 --- a/css/raw/black.css +++ b/css/raw/black.css @@ -260,7 +260,7 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .btn.btn_attachment.btn_primary { border-color: #828282; } -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9b9b; } +.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9c9c; } .btn_basic:focus, .btn_basic:hover { color: #e6e6e6; } @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #e6e6e6; } -.c-texty_autocomplete { background: #222; box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282; } +.p-workspace__input .p-message_input_field { background: #222; border-color: #545454; } -.c-texty_autocomplete__result--selected { background: #424242; } +.p-workspace__primary_view_footer { border-color: #363636; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #363636; } - -.p-workspace__input .p-message_input_field { background: #222; } +.p-workspace__secondary_view { border-color: #363636; } .ts_toggle .ts_toggle_button { background: #000; color: #e6e6e6; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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: #363636; border-color: #363636; color: #e6e6e6; } +.c-message--editing, .p-channel_details_section--editing { background: #363636; border-color: #363636; color: #e6e6e6; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #bf360c; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } -.c-message .c-button { border-color: #424242; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #424242; } -.c-message .c-button--outline { background-color: #363636; color: #949494; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #363636; color: #949494; } -.c-message .c-button--outline:hover { color: #c7c7c7; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #c7c7c7; } -.c-message .c-button--primary { background-color: #545454; color: #e6e6e6; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #545454; color: #e6e6e6; } #message_edit_container .message_input { background: #545454; border-color: #363636; color: #e6e6e6; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #e6e6e6; } +.c-texty_autocomplete__body { background-color: #222; } + +.c-texty_autocomplete--commands { background: #222; box-shadow: 0 0 0 1px #545454, 0 4px 12px 0 #545454; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #363636; color: #e6e6e6; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #222; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #949494; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #424242; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #363636; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { 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; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #e6e6e6; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #828282; } .p-classic_nav__model__title__info { color: #e6e6e6; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #e6e6e6; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #e6e6e6; } .p-classic_nav__right__search:hover { border-color: #828282; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #e6e6e6; } +.p-classic_nav__team_header { background: #363636; } + +.p-classic_nav__model__title__info__topic__edit { color: #949494; } + .c-message_list__day_divider__label { color: #949494; } .c-message_list__day_divider__label__pill { background: #222; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #363636; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #363636; color: #e6e6e6; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #424242; } + .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; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #000; border-color: #363636; } + 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; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(130, 130, 130, 0.1) !important; color: #e6e6e6 !im .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #363636; } + .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #e6e6e6; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #222; border-color: #000; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; } .p-message_pane__unread_banner__banner { background: #545454; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1749,6 +1781,12 @@ body > pre { background: #828282; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #363636; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #545454; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #949494; } + +.p-workspace__input .p-message_input_file_button:hover { background: #424242; color: #949494; } + ts-thread { background: #222; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #363636; color: #e6e6e6; } @@ -2011,10 +2049,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #c7c7c7; } +.p-flexpane__body--empty { background-color: #222; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #363636; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #e6e6e6; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #949494; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #c7c7c7; } + #file_list_toggle_users { color: #949494; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #c7c7c7; } @@ -2185,7 +2229,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #e6e6e6; } -.c-pillow_file__slide { background-color: #000; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #000; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #000; } .c-pillow_file_container { background-color: #000; } @@ -2217,6 +2263,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; } #user_groups_header a.icon_close:hover { color: #c7c7c7; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #363636; } + .user_group_item { border-bottom: 1px solid #545454; } .user_group_item a { color: #949494; } @@ -2853,6 +2903,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #c7c7c7; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #424242; } + .channel_modal_header { color: #e6e6e6; } #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; } @@ -3147,6 +3201,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #000 transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #e6e6e6; } + +.p-member_profile_field__label { color: #e6e6e6; } + ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; } @@ -4078,7 +4138,7 @@ a.plastic_typeahead_item { color: #e6e6e6; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } .c-tabs__tab { color: #949494; } diff --git a/css/raw/variants/arc-dark.css b/css/raw/variants/arc-dark.css index 2f4ea071..aef81824 100644 --- a/css/raw/variants/arc-dark.css +++ b/css/raw/variants/arc-dark.css @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #d3dae3; } -.c-texty_autocomplete { background: #404552; box-shadow: 0 0 0 1px #858991, 0 4px 12px 0 #858991; } +.p-workspace__input .p-message_input_field { background: #404552; border-color: #6b6f79; } -.c-texty_autocomplete__result--selected { background: #454c5c; } +.p-workspace__primary_view_footer { border-color: #2a2f39; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #2a2f39; } - -.p-workspace__input .p-message_input_field { background: #404552; } +.p-workspace__secondary_view { border-color: #2a2f39; } .ts_toggle .ts_toggle_button { background: #1d2027; color: #d3dae3; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #858991; } -.c-message--editing { background: #2a2f39; border-color: #2a2f39; color: #d3dae3; } +.c-message--editing, .p-channel_details_section--editing { background: #2a2f39; border-color: #2a2f39; color: #d3dae3; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #bf360c; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } -.c-message .c-button { border-color: #454c5c; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #454c5c; } -.c-message .c-button--outline { background-color: #2a2f39; color: #90939b; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #2a2f39; color: #90939b; } -.c-message .c-button--outline:hover { color: #90939b; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #90939b; } -.c-message .c-button--primary { background-color: #6b6f79; color: #d3dae3; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #6b6f79; color: #d3dae3; } #message_edit_container .message_input { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #d3dae3; } +.c-texty_autocomplete__body { background-color: #404552; } + +.c-texty_autocomplete--commands { background: #404552; box-shadow: 0 0 0 1px #6b6f79, 0 4px 12px 0 #6b6f79; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #2a2f39; color: #d3dae3; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #404552; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #90939b; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #454c5c; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #2a2f39; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #d3dae3; } + .pickmeup { background: #404552; border: 1px solid #2a2f39; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #d3dae3; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #d3dae3; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #858991; } .p-classic_nav__model__title__info { color: #d3dae3; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #d3dae3; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #d3dae3; } .p-classic_nav__right__search:hover { border-color: #858991; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #d3dae3; } +.p-classic_nav__team_header { background: #2a2f39; } + +.p-classic_nav__model__title__info__topic__edit { color: #90939b; } + .c-message_list__day_divider__label { color: #949494; } .c-message_list__day_divider__label__pill { background: #404552; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #2a2f39; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #2a2f39; color: #d3dae3; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #454c5c; } + .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; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(133, 137, 145, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #1d2027; border-color: #2a2f39; } + ts-message { color: #d3dae3; } 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(29, 32, 39, 0.1); box-shadow: inset 1px 0 0 0 #404552; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(133, 137, 145, 0.1) !important; color: #d3dae3 !im .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #2a2f39; } + .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #d3dae3; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #404552; border-color: #1d2027; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #d3dae3; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #2a2f39; background-image: none; color: #d3dae3; } .p-message_pane__unread_banner__banner { background: #6b6f79; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1749,6 +1781,12 @@ body > pre { background: #858991; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #2a2f39; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #6b6f79; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #90939b; } + +.p-workspace__input .p-message_input_file_button:hover { background: #454c5c; color: #90939b; } + ts-thread { background: #404552; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #2a2f39; color: #d3dae3; } @@ -2011,10 +2049,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #90939b; } +.p-flexpane__body--empty { background-color: #404552; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #2a2f39; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #d3dae3; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #90939b; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #90939b; } + #file_list_toggle_users { color: #90939b; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #90939b; } @@ -2185,7 +2229,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #d3dae3; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #d3dae3; } -.c-pillow_file__slide { background-color: #1d2027; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #1d2027; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #1d2027; } .c-pillow_file_container { background-color: #1d2027; } @@ -2217,6 +2263,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #d3dae3; } #user_groups_header a.icon_close:hover { color: #90939b; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #2a2f39; } + .user_group_item { border-bottom: 1px solid #6b6f79; } .user_group_item a { color: #90939b; } @@ -2853,6 +2903,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #90939b; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #454c5c; } + .channel_modal_header { color: #d3dae3; } #channel_browser .channel_browser_row { border-top: 1px solid #2a2f39; color: #d3dae3; } @@ -3147,6 +3201,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #1d2027 transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #d3dae3; } + +.p-member_profile_field__label { color: #d3dae3; } + ts-jumper ts-jumper-container { background: #404552; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #404552; color: #949494; } @@ -4078,7 +4138,7 @@ a.plastic_typeahead_item { color: #d3dae3; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #6b6f79; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #6b6f79; } .c-tabs__tab { color: #949494; } diff --git a/css/raw/variants/aubergine-monospaced.css b/css/raw/variants/aubergine-monospaced.css index d1880774..41acef8d 100644 --- a/css/raw/variants/aubergine-monospaced.css +++ b/css/raw/variants/aubergine-monospaced.css @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #f0d9ed; } -.c-texty_autocomplete { background: #3e313c; box-shadow: 0 0 0 1px #876484, 0 4px 12px 0 #876484; } +.p-workspace__input .p-message_input_field { background: #3e313c; border-color: #61485e; } -.c-texty_autocomplete__result--selected { background: #4a3b49; } +.p-workspace__primary_view_footer { border-color: #4d394b; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } - -.p-workspace__input .p-message_input_field { background: #3e313c; } +.p-workspace__secondary_view { border-color: #4d394b; } .ts_toggle .ts_toggle_button { background: #372c36; color: #f0d9ed; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #876484; } -.c-message--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } +.c-message--editing, .p-channel_details_section--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #bf360c; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } -.c-message .c-button { border-color: #4a3b49; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #4a3b49; } -.c-message .c-button--outline { background-color: #4d394b; color: #a3839f; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #4d394b; color: #a3839f; } -.c-message .c-button--outline:hover { color: #d4bbd1; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #d4bbd1; } -.c-message .c-button--primary { background-color: #61485e; color: #f0d9ed; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #61485e; color: #f0d9ed; } #message_edit_container .message_input { background: #61485e; border-color: #4d394b; color: #f0d9ed; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #f0d9ed; } +.c-texty_autocomplete__body { background-color: #3e313c; } + +.c-texty_autocomplete--commands { background: #3e313c; box-shadow: 0 0 0 1px #61485e, 0 4px 12px 0 #61485e; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #4d394b; color: #f0d9ed; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #3e313c; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #a3839f; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #4a3b49; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f0d9ed; } + .pickmeup { background: #3e313c; border: 1px solid #4d394b; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f0d9ed; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #f0d9ed; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #876484; } .p-classic_nav__model__title__info { color: #f0d9ed; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #f0d9ed; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #f0d9ed; } .p-classic_nav__right__search:hover { border-color: #876484; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f0d9ed; } +.p-classic_nav__team_header { background: #4d394b; } + +.p-classic_nav__model__title__info__topic__edit { color: #a3839f; } + .c-message_list__day_divider__label { color: #a3839f; } .c-message_list__day_divider__label__pill { background: #3e313c; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #4d394b; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #4d394b; color: #f0d9ed; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #4a3b49; } + .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #a3839f; } .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: #a3839f; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(135, 100, 132, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #372c36; border-color: #4d394b; } + ts-message { color: #f0d9ed; } 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(55, 44, 54, 0.1); box-shadow: inset 1px 0 0 0 #3e313c; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(135, 100, 132, 0.1) !important; color: #f0d9ed !im .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #4d394b; } + .c-message_kit__labels__label { color: #a3839f; } .c-message_kit__file__meta { color: #f0d9ed; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #3e313c; border-color: #372c36; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f0d9ed; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #4d394b; background-image: none; color: #f0d9ed; } .p-message_pane__unread_banner__banner { background: #61485e; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1753,6 +1785,12 @@ body > pre { background: #876484; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #4d394b; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #61485e; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #a3839f; } + +.p-workspace__input .p-message_input_file_button:hover { background: #4a3b49; color: #a3839f; } + ts-thread { background: #3e313c; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #4d394b; color: #f0d9ed; } @@ -2015,10 +2053,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #d4bbd1; } +.p-flexpane__body--empty { background-color: #3e313c; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #4d394b; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f0d9ed; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #a3839f; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #d4bbd1; } + #file_list_toggle_users { color: #a3839f; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #d4bbd1; } @@ -2189,7 +2233,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f0d9ed; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f0d9ed; } -.c-pillow_file__slide { background-color: #372c36; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #372c36; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #372c36; } .c-pillow_file_container { background-color: #372c36; } @@ -2221,6 +2267,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f0d9ed; } #user_groups_header a.icon_close:hover { color: #d4bbd1; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #4d394b; } + .user_group_item { border-bottom: 1px solid #61485e; } .user_group_item a { color: #a3839f; } @@ -2857,6 +2907,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #d4bbd1; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #4a3b49; } + .channel_modal_header { color: #f0d9ed; } #channel_browser .channel_browser_row { border-top: 1px solid #4d394b; color: #f0d9ed; } @@ -3151,6 +3205,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #372c36 transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f0d9ed; } + +.p-member_profile_field__label { color: #f0d9ed; } + ts-jumper ts-jumper-container { background: #3e313c; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #3e313c; color: #a3839f; } @@ -4082,7 +4142,7 @@ a.plastic_typeahead_item { color: #f0d9ed; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #a3839f; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } .c-tabs__tab { color: #a3839f; } diff --git a/css/raw/variants/aubergine.css b/css/raw/variants/aubergine.css index 1b7daaec..5a38ed3a 100644 --- a/css/raw/variants/aubergine.css +++ b/css/raw/variants/aubergine.css @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #f0d9ed; } -.c-texty_autocomplete { background: #3e313c; box-shadow: 0 0 0 1px #876484, 0 4px 12px 0 #876484; } +.p-workspace__input .p-message_input_field { background: #3e313c; border-color: #61485e; } -.c-texty_autocomplete__result--selected { background: #4a3b49; } +.p-workspace__primary_view_footer { border-color: #4d394b; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } - -.p-workspace__input .p-message_input_field { background: #3e313c; } +.p-workspace__secondary_view { border-color: #4d394b; } .ts_toggle .ts_toggle_button { background: #372c36; color: #f0d9ed; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #876484; } -.c-message--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } +.c-message--editing, .p-channel_details_section--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #bf360c; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } -.c-message .c-button { border-color: #4a3b49; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #4a3b49; } -.c-message .c-button--outline { background-color: #4d394b; color: #a3839f; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #4d394b; color: #a3839f; } -.c-message .c-button--outline:hover { color: #d4bbd1; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #d4bbd1; } -.c-message .c-button--primary { background-color: #61485e; color: #f0d9ed; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #61485e; color: #f0d9ed; } #message_edit_container .message_input { background: #61485e; border-color: #4d394b; color: #f0d9ed; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #f0d9ed; } +.c-texty_autocomplete__body { background-color: #3e313c; } + +.c-texty_autocomplete--commands { background: #3e313c; box-shadow: 0 0 0 1px #61485e, 0 4px 12px 0 #61485e; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #4d394b; color: #f0d9ed; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #3e313c; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #a3839f; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #4a3b49; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f0d9ed; } + .pickmeup { background: #3e313c; border: 1px solid #4d394b; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f0d9ed; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #f0d9ed; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #876484; } .p-classic_nav__model__title__info { color: #f0d9ed; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #f0d9ed; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #f0d9ed; } .p-classic_nav__right__search:hover { border-color: #876484; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f0d9ed; } +.p-classic_nav__team_header { background: #4d394b; } + +.p-classic_nav__model__title__info__topic__edit { color: #a3839f; } + .c-message_list__day_divider__label { color: #a3839f; } .c-message_list__day_divider__label__pill { background: #3e313c; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #4d394b; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #4d394b; color: #f0d9ed; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #4a3b49; } + .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #a3839f; } .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: #a3839f; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(135, 100, 132, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #372c36; border-color: #4d394b; } + ts-message { color: #f0d9ed; } 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(55, 44, 54, 0.1); box-shadow: inset 1px 0 0 0 #3e313c; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(135, 100, 132, 0.1) !important; color: #f0d9ed !im .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #4d394b; } + .c-message_kit__labels__label { color: #a3839f; } .c-message_kit__file__meta { color: #f0d9ed; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #3e313c; border-color: #372c36; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f0d9ed; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #4d394b; background-image: none; color: #f0d9ed; } .p-message_pane__unread_banner__banner { background: #61485e; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1749,6 +1781,12 @@ body > pre { background: #876484; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #4d394b; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #61485e; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #a3839f; } + +.p-workspace__input .p-message_input_file_button:hover { background: #4a3b49; color: #a3839f; } + ts-thread { background: #3e313c; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #4d394b; color: #f0d9ed; } @@ -2011,10 +2049,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #d4bbd1; } +.p-flexpane__body--empty { background-color: #3e313c; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #4d394b; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f0d9ed; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #a3839f; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #d4bbd1; } + #file_list_toggle_users { color: #a3839f; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #d4bbd1; } @@ -2185,7 +2229,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f0d9ed; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f0d9ed; } -.c-pillow_file__slide { background-color: #372c36; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #372c36; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #372c36; } .c-pillow_file_container { background-color: #372c36; } @@ -2217,6 +2263,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f0d9ed; } #user_groups_header a.icon_close:hover { color: #d4bbd1; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #4d394b; } + .user_group_item { border-bottom: 1px solid #61485e; } .user_group_item a { color: #a3839f; } @@ -2853,6 +2903,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #d4bbd1; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #4a3b49; } + .channel_modal_header { color: #f0d9ed; } #channel_browser .channel_browser_row { border-top: 1px solid #4d394b; color: #f0d9ed; } @@ -3147,6 +3201,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #372c36 transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f0d9ed; } + +.p-member_profile_field__label { color: #f0d9ed; } + ts-jumper ts-jumper-container { background: #3e313c; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #3e313c; color: #a3839f; } @@ -4078,7 +4138,7 @@ a.plastic_typeahead_item { color: #f0d9ed; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #a3839f; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } .c-tabs__tab { color: #a3839f; } diff --git a/css/raw/variants/black-monospaced.css b/css/raw/variants/black-monospaced.css index 39c03e6b..2806cdfa 100644 --- a/css/raw/variants/black-monospaced.css +++ b/css/raw/variants/black-monospaced.css @@ -260,7 +260,7 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .btn.btn_attachment.btn_primary { border-color: #828282; } -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9b9b; } +.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9c9c; } .btn_basic:focus, .btn_basic:hover { color: #e6e6e6; } @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #e6e6e6; } -.c-texty_autocomplete { background: #222; box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282; } +.p-workspace__input .p-message_input_field { background: #222; border-color: #545454; } -.c-texty_autocomplete__result--selected { background: #424242; } +.p-workspace__primary_view_footer { border-color: #363636; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #363636; } - -.p-workspace__input .p-message_input_field { background: #222; } +.p-workspace__secondary_view { border-color: #363636; } .ts_toggle .ts_toggle_button { background: #000; color: #e6e6e6; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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: #363636; border-color: #363636; color: #e6e6e6; } +.c-message--editing, .p-channel_details_section--editing { background: #363636; border-color: #363636; color: #e6e6e6; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #bf360c; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } -.c-message .c-button { border-color: #424242; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #424242; } -.c-message .c-button--outline { background-color: #363636; color: #949494; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #363636; color: #949494; } -.c-message .c-button--outline:hover { color: #c7c7c7; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #c7c7c7; } -.c-message .c-button--primary { background-color: #545454; color: #e6e6e6; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #545454; color: #e6e6e6; } #message_edit_container .message_input { background: #545454; border-color: #363636; color: #e6e6e6; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #e6e6e6; } +.c-texty_autocomplete__body { background-color: #222; } + +.c-texty_autocomplete--commands { background: #222; box-shadow: 0 0 0 1px #545454, 0 4px 12px 0 #545454; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #363636; color: #e6e6e6; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #222; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #949494; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #424242; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #363636; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { 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; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #e6e6e6; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #828282; } .p-classic_nav__model__title__info { color: #e6e6e6; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #e6e6e6; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #e6e6e6; } .p-classic_nav__right__search:hover { border-color: #828282; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #e6e6e6; } +.p-classic_nav__team_header { background: #363636; } + +.p-classic_nav__model__title__info__topic__edit { color: #949494; } + .c-message_list__day_divider__label { color: #949494; } .c-message_list__day_divider__label__pill { background: #222; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #363636; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #363636; color: #e6e6e6; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #424242; } + .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; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #000; border-color: #363636; } + 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; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(130, 130, 130, 0.1) !important; color: #e6e6e6 !im .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #363636; } + .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #e6e6e6; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #222; border-color: #000; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; } .p-message_pane__unread_banner__banner { background: #545454; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1753,6 +1785,12 @@ body > pre { background: #828282; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #363636; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #545454; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #949494; } + +.p-workspace__input .p-message_input_file_button:hover { background: #424242; color: #949494; } + ts-thread { background: #222; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #363636; color: #e6e6e6; } @@ -2015,10 +2053,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #c7c7c7; } +.p-flexpane__body--empty { background-color: #222; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #363636; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #e6e6e6; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #949494; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #c7c7c7; } + #file_list_toggle_users { color: #949494; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #c7c7c7; } @@ -2189,7 +2233,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #e6e6e6; } -.c-pillow_file__slide { background-color: #000; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #000; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #000; } .c-pillow_file_container { background-color: #000; } @@ -2221,6 +2267,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; } #user_groups_header a.icon_close:hover { color: #c7c7c7; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #363636; } + .user_group_item { border-bottom: 1px solid #545454; } .user_group_item a { color: #949494; } @@ -2857,6 +2907,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #c7c7c7; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #424242; } + .channel_modal_header { color: #e6e6e6; } #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; } @@ -3151,6 +3205,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #000 transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #e6e6e6; } + +.p-member_profile_field__label { color: #e6e6e6; } + ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; } @@ -4082,7 +4142,7 @@ a.plastic_typeahead_item { color: #e6e6e6; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } .c-tabs__tab { color: #949494; } diff --git a/css/raw/variants/gruvbox-dark.css b/css/raw/variants/gruvbox-dark.css index 3a265b58..deeb9d4e 100644 --- a/css/raw/variants/gruvbox-dark.css +++ b/css/raw/variants/gruvbox-dark.css @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #f9f5d7; } -.c-texty_autocomplete { background: #1d2021; box-shadow: 0 0 0 1px #ebdbb2, 0 4px 12px 0 #ebdbb2; } +.p-workspace__input .p-message_input_field { background: #1d2021; border-color: #504945; } -.c-texty_autocomplete__result--selected { background: #282828; } +.p-workspace__primary_view_footer { border-color: #282828; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #282828; } - -.p-workspace__input .p-message_input_field { background: #1d2021; } +.p-workspace__secondary_view { border-color: #282828; } .ts_toggle .ts_toggle_button { background: #282828; color: #f9f5d7; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #ebdbb2; } -.c-message--editing { background: #282828; border-color: #282828; color: #f9f5d7; } +.c-message--editing, .p-channel_details_section--editing { background: #282828; border-color: #282828; color: #f9f5d7; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #504945; border-color: #282828; color: #f9f5d7; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #504945; border-color: #282828; color: #f9f5d7; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #cc241d; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #cc241d; } -.c-message .c-button { border-color: #282828; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #282828; } -.c-message .c-button--outline { background-color: #282828; color: #689d6a; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #282828; color: #689d6a; } -.c-message .c-button--outline:hover { color: #cc241d; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #cc241d; } -.c-message .c-button--primary { background-color: #504945; color: #f9f5d7; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #504945; color: #f9f5d7; } #message_edit_container .message_input { background: #504945; border-color: #282828; color: #f9f5d7; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #f9f5d7; } +.c-texty_autocomplete__body { background-color: #1d2021; } + +.c-texty_autocomplete--commands { background: #1d2021; box-shadow: 0 0 0 1px #504945, 0 4px 12px 0 #504945; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #282828; color: #f9f5d7; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #1d2021; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #689d6a; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #282828; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #282828; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f9f5d7; } + .pickmeup { background: #1d2021; border: 1px solid #282828; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f9f5d7; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #f9f5d7; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #ebdbb2; } .p-classic_nav__model__title__info { color: #f9f5d7; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #f9f5d7; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #f9f5d7; } .p-classic_nav__right__search:hover { border-color: #ebdbb2; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f9f5d7; } +.p-classic_nav__team_header { background: #282828; } + +.p-classic_nav__model__title__info__topic__edit { color: #689d6a; } + .c-message_list__day_divider__label { color: #d79921; } .c-message_list__day_divider__label__pill { background: #1d2021; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #d79921; color: #282828; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #282828; color: #f9f5d7; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #282828; } + .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #d79921; } .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: #d79921; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(235, 219, 178, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #282828; border-color: #282828; } + ts-message { color: #f9f5d7; } 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(40, 40, 40, 0.1); box-shadow: inset 1px 0 0 0 #1d2021; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(235, 219, 178, 0.1) !important; color: #f9f5d7 !im .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #282828; } + .c-message_kit__labels__label { color: #d79921; } .c-message_kit__file__meta { color: #f9f5d7; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #1d2021; border-color: #282828; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f9f5d7; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #282828; background-image: none; color: #f9f5d7; } .p-message_pane__unread_banner__banner { background: #504945; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1749,6 +1781,12 @@ body > pre { background: #ebdbb2; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #282828; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #504945; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #689d6a; } + +.p-workspace__input .p-message_input_file_button:hover { background: #282828; color: #689d6a; } + ts-thread { background: #1d2021; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #282828; color: #f9f5d7; } @@ -2011,10 +2049,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #cc241d; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #cc241d; } +.p-flexpane__body--empty { background-color: #1d2021; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #282828; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f9f5d7; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #689d6a; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #cc241d; } + #file_list_toggle_users { color: #689d6a; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #cc241d; } @@ -2185,7 +2229,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f9f5d7; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f9f5d7; } -.c-pillow_file__slide { background-color: #282828; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #282828; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #282828; } .c-pillow_file_container { background-color: #282828; } @@ -2217,6 +2263,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f9f5d7; } #user_groups_header a.icon_close:hover { color: #cc241d; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #282828; } + .user_group_item { border-bottom: 1px solid #504945; } .user_group_item a { color: #689d6a; } @@ -2853,6 +2903,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #d7 .channel_header .channel_header__tabs .channel_header__tab:hover { color: #cc241d; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #282828; } + .channel_modal_header { color: #f9f5d7; } #channel_browser .channel_browser_row { border-top: 1px solid #282828; color: #f9f5d7; } @@ -3147,6 +3201,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #d7 .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #282828 transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f9f5d7; } + +.p-member_profile_field__label { color: #f9f5d7; } + ts-jumper ts-jumper-container { background: #1d2021; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #1d2021; color: #d79921; } @@ -4078,7 +4138,7 @@ a.plastic_typeahead_item { color: #f9f5d7; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #d79921; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #504945; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #504945; } .c-tabs__tab { color: #d79921; } diff --git a/css/raw/variants/midnight-blue-monospaced.css b/css/raw/variants/midnight-blue-monospaced.css index 0aaa4f20..02c89641 100644 --- a/css/raw/variants/midnight-blue-monospaced.css +++ b/css/raw/variants/midnight-blue-monospaced.css @@ -260,7 +260,7 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .btn.btn_attachment.btn_primary { border-color: #303030; } -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4949; } +.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4a4a; } .btn_basic:focus, .btn_basic:hover { color: #00b9f2; } @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #00b9f2; } -.c-texty_autocomplete { background: #000; box-shadow: 0 0 0 1px #303030, 0 4px 12px 0 #303030; } +.p-workspace__input .p-message_input_field { background: #000; border-color: #282828; } -.c-texty_autocomplete__result--selected { background: #202020; } +.p-workspace__primary_view_footer { border-color: #181818; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #181818; } - -.p-workspace__input .p-message_input_field { background: #000; } +.p-workspace__secondary_view { border-color: #181818; } .ts_toggle .ts_toggle_button { background: #101010; color: #00b9f2; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #303030; } -.c-message--editing { background: #181818; border-color: #181818; color: #00b9f2; } +.c-message--editing, .p-channel_details_section--editing { background: #181818; border-color: #181818; color: #00b9f2; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #bf360c; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } -.c-message .c-button { border-color: #202020; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #202020; } -.c-message .c-button--outline { background-color: #181818; color: #1793d1; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #181818; color: #1793d1; } -.c-message .c-button--outline:hover { color: #299bd4; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #299bd4; } -.c-message .c-button--primary { background-color: #282828; color: #00b9f2; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #282828; color: #00b9f2; } #message_edit_container .message_input { background: #282828; border-color: #181818; color: #00b9f2; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #00b9f2; } +.c-texty_autocomplete__body { background-color: #000; } + +.c-texty_autocomplete--commands { background: #000; box-shadow: 0 0 0 1px #282828, 0 4px 12px 0 #282828; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #181818; color: #00b9f2; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #000; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #1793d1; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #202020; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #181818; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #00b9f2; } + .pickmeup { background: #000; border: 1px solid #181818; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #00b9f2; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #00b9f2; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #303030; } .p-classic_nav__model__title__info { color: #00b9f2; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #00b9f2; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #00b9f2; } .p-classic_nav__right__search:hover { border-color: #303030; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #00b9f2; } +.p-classic_nav__team_header { background: #181818; } + +.p-classic_nav__model__title__info__topic__edit { color: #1793d1; } + .c-message_list__day_divider__label { color: #1793d1; } .c-message_list__day_divider__label__pill { background: #000; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #181818; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #181818; color: #00b9f2; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #202020; } + .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #1793d1; } .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: #1793d1; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(48, 48, 48, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #101010; border-color: #181818; } + ts-message { color: #00b9f2; } 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(16, 16, 16, 0.1); box-shadow: inset 1px 0 0 0 #000; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(48, 48, 48, 0.1) !important; color: #00b9f2 !impor .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #181818; } + .c-message_kit__labels__label { color: #1793d1; } .c-message_kit__file__meta { color: #00b9f2; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #000; border-color: #101010; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #00b9f2; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #181818; background-image: none; color: #00b9f2; } .p-message_pane__unread_banner__banner { background: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1753,6 +1785,12 @@ body > pre { background: #303030; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #181818; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #282828; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #1793d1; } + +.p-workspace__input .p-message_input_file_button:hover { background: #202020; color: #1793d1; } + ts-thread { background: #000; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #181818; color: #00b9f2; } @@ -2015,10 +2053,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #299bd4; } +.p-flexpane__body--empty { background-color: #000; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #181818; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #00b9f2; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #1793d1; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #299bd4; } + #file_list_toggle_users { color: #1793d1; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #299bd4; } @@ -2189,7 +2233,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #00b9f2; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #00b9f2; } -.c-pillow_file__slide { background-color: #101010; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #101010; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #101010; } .c-pillow_file_container { background-color: #101010; } @@ -2221,6 +2267,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #00b9f2; } #user_groups_header a.icon_close:hover { color: #299bd4; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #181818; } + .user_group_item { border-bottom: 1px solid #282828; } .user_group_item a { color: #1793d1; } @@ -2857,6 +2907,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #299bd4; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #202020; } + .channel_modal_header { color: #00b9f2; } #channel_browser .channel_browser_row { border-top: 1px solid #181818; color: #00b9f2; } @@ -3151,6 +3205,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #101010 transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #00b9f2; } + +.p-member_profile_field__label { color: #00b9f2; } + ts-jumper ts-jumper-container { background: #000; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #000; color: #1793d1; } @@ -4082,7 +4142,7 @@ a.plastic_typeahead_item { color: #00b9f2; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #1793d1; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } .c-tabs__tab { color: #1793d1; } diff --git a/css/raw/variants/midnight-blue.css b/css/raw/variants/midnight-blue.css index 7b344d83..457957ef 100644 --- a/css/raw/variants/midnight-blue.css +++ b/css/raw/variants/midnight-blue.css @@ -260,7 +260,7 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .btn.btn_attachment.btn_primary { border-color: #303030; } -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4949; } +.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4a4a; } .btn_basic:focus, .btn_basic:hover { color: #00b9f2; } @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #00b9f2; } -.c-texty_autocomplete { background: #000; box-shadow: 0 0 0 1px #303030, 0 4px 12px 0 #303030; } +.p-workspace__input .p-message_input_field { background: #000; border-color: #282828; } -.c-texty_autocomplete__result--selected { background: #202020; } +.p-workspace__primary_view_footer { border-color: #181818; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #181818; } - -.p-workspace__input .p-message_input_field { background: #000; } +.p-workspace__secondary_view { border-color: #181818; } .ts_toggle .ts_toggle_button { background: #101010; color: #00b9f2; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #303030; } -.c-message--editing { background: #181818; border-color: #181818; color: #00b9f2; } +.c-message--editing, .p-channel_details_section--editing { background: #181818; border-color: #181818; color: #00b9f2; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #bf360c; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } -.c-message .c-button { border-color: #202020; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #202020; } -.c-message .c-button--outline { background-color: #181818; color: #1793d1; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #181818; color: #1793d1; } -.c-message .c-button--outline:hover { color: #299bd4; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #299bd4; } -.c-message .c-button--primary { background-color: #282828; color: #00b9f2; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #282828; color: #00b9f2; } #message_edit_container .message_input { background: #282828; border-color: #181818; color: #00b9f2; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #00b9f2; } +.c-texty_autocomplete__body { background-color: #000; } + +.c-texty_autocomplete--commands { background: #000; box-shadow: 0 0 0 1px #282828, 0 4px 12px 0 #282828; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #181818; color: #00b9f2; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #000; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #1793d1; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #202020; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #181818; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #00b9f2; } + .pickmeup { background: #000; border: 1px solid #181818; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #00b9f2; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #00b9f2; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #303030; } .p-classic_nav__model__title__info { color: #00b9f2; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #00b9f2; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #00b9f2; } .p-classic_nav__right__search:hover { border-color: #303030; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #00b9f2; } +.p-classic_nav__team_header { background: #181818; } + +.p-classic_nav__model__title__info__topic__edit { color: #1793d1; } + .c-message_list__day_divider__label { color: #1793d1; } .c-message_list__day_divider__label__pill { background: #000; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #181818; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #181818; color: #00b9f2; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #202020; } + .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #1793d1; } .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: #1793d1; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(48, 48, 48, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #101010; border-color: #181818; } + ts-message { color: #00b9f2; } 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(16, 16, 16, 0.1); box-shadow: inset 1px 0 0 0 #000; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(48, 48, 48, 0.1) !important; color: #00b9f2 !impor .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #181818; } + .c-message_kit__labels__label { color: #1793d1; } .c-message_kit__file__meta { color: #00b9f2; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #000; border-color: #101010; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #00b9f2; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #181818; background-image: none; color: #00b9f2; } .p-message_pane__unread_banner__banner { background: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1749,6 +1781,12 @@ body > pre { background: #303030; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #181818; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #282828; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #1793d1; } + +.p-workspace__input .p-message_input_file_button:hover { background: #202020; color: #1793d1; } + ts-thread { background: #000; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #181818; color: #00b9f2; } @@ -2011,10 +2049,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #299bd4; } +.p-flexpane__body--empty { background-color: #000; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #181818; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #00b9f2; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #1793d1; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #299bd4; } + #file_list_toggle_users { color: #1793d1; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #299bd4; } @@ -2185,7 +2229,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #00b9f2; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #00b9f2; } -.c-pillow_file__slide { background-color: #101010; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #101010; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #101010; } .c-pillow_file_container { background-color: #101010; } @@ -2217,6 +2263,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #00b9f2; } #user_groups_header a.icon_close:hover { color: #299bd4; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #181818; } + .user_group_item { border-bottom: 1px solid #282828; } .user_group_item a { color: #1793d1; } @@ -2853,6 +2903,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #299bd4; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #202020; } + .channel_modal_header { color: #00b9f2; } #channel_browser .channel_browser_row { border-top: 1px solid #181818; color: #00b9f2; } @@ -3147,6 +3201,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #101010 transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #00b9f2; } + +.p-member_profile_field__label { color: #00b9f2; } + ts-jumper ts-jumper-container { background: #000; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #000; color: #1793d1; } @@ -4078,7 +4138,7 @@ a.plastic_typeahead_item { color: #00b9f2; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #1793d1; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } .c-tabs__tab { color: #1793d1; } diff --git a/css/raw/variants/solarized-dark.css b/css/raw/variants/solarized-dark.css index be3c67d4..238f60c2 100644 --- a/css/raw/variants/solarized-dark.css +++ b/css/raw/variants/solarized-dark.css @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #a1adad; } -.c-texty_autocomplete { background: #002b36; box-shadow: 0 0 0 1px #003f50, 0 4px 12px 0 #003f50; } +.p-workspace__input .p-message_input_field { background: #002b36; border-color: #003340; } -.c-texty_autocomplete__result--selected { background: #002b36; } +.p-workspace__primary_view_footer { border-color: #00232c; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #00232c; } - -.p-workspace__input .p-message_input_field { background: #002b36; } +.p-workspace__secondary_view { border-color: #00232c; } .ts_toggle .ts_toggle_button { background: #00171d; color: #a1adad; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #003f50; } -.c-message--editing { background: #00232c; border-color: #00232c; color: #a1adad; } +.c-message--editing, .p-channel_details_section--editing { background: #00232c; border-color: #00232c; color: #a1adad; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #003340; border-color: #00232c; color: #a1adad; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #003340; border-color: #00232c; color: #a1adad; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #dc322f; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #dc322f; } -.c-message .c-button { border-color: #002b36; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #002b36; } -.c-message .c-button--outline { background-color: #00232c; color: #268bd2; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #00232c; color: #268bd2; } -.c-message .c-button--outline:hover { color: #dc322f; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #dc322f; } -.c-message .c-button--primary { background-color: #003340; color: #a1adad; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #003340; color: #a1adad; } #message_edit_container .message_input { background: #003340; border-color: #00232c; color: #a1adad; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #a1adad; } +.c-texty_autocomplete__body { background-color: #002b36; } + +.c-texty_autocomplete--commands { background: #002b36; box-shadow: 0 0 0 1px #003340, 0 4px 12px 0 #003340; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #00232c; color: #a1adad; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #002b36; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #268bd2; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #002b36; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #00232c; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #a1adad; } + .pickmeup { background: #002b36; border: 1px solid #00232c; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #a1adad; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #a1adad; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #003f50; } .p-classic_nav__model__title__info { color: #a1adad; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #a1adad; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #a1adad; } .p-classic_nav__right__search:hover { border-color: #003f50; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #a1adad; } +.p-classic_nav__team_header { background: #00232c; } + +.p-classic_nav__model__title__info__topic__edit { color: #268bd2; } + .c-message_list__day_divider__label { color: #2aa198; } .c-message_list__day_divider__label__pill { background: #002b36; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #b58900; color: #00232c; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #00232c; color: #a1adad; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #002b36; } + .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #2aa198; } .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: #2aa198; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(0, 63, 80, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #00171d; border-color: #00232c; } + ts-message { color: #a1adad; } 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, 23, 29, 0.1); box-shadow: inset 1px 0 0 0 #002b36; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(0, 63, 80, 0.1) !important; color: #a1adad !import .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #00232c; } + .c-message_kit__labels__label { color: #2aa198; } .c-message_kit__file__meta { color: #a1adad; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #002b36; border-color: #00171d; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #a1adad; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #00232c; background-image: none; color: #a1adad; } .p-message_pane__unread_banner__banner { background: #003340; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1749,6 +1781,12 @@ body > pre { background: #003f50; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #00232c; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #003340; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #268bd2; } + +.p-workspace__input .p-message_input_file_button:hover { background: #002b36; color: #268bd2; } + ts-thread { background: #002b36; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #00232c; color: #a1adad; } @@ -2011,10 +2049,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #dc322f; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #dc322f; } +.p-flexpane__body--empty { background-color: #002b36; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #00232c; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #a1adad; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #268bd2; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #dc322f; } + #file_list_toggle_users { color: #268bd2; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #dc322f; } @@ -2185,7 +2229,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #a1adad; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #a1adad; } -.c-pillow_file__slide { background-color: #00171d; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #00171d; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #00171d; } .c-pillow_file_container { background-color: #00171d; } @@ -2217,6 +2263,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #a1adad; } #user_groups_header a.icon_close:hover { color: #dc322f; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #00232c; } + .user_group_item { border-bottom: 1px solid #003340; } .user_group_item a { color: #268bd2; } @@ -2853,6 +2903,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #b5 .channel_header .channel_header__tabs .channel_header__tab:hover { color: #dc322f; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #002b36; } + .channel_modal_header { color: #a1adad; } #channel_browser .channel_browser_row { border-top: 1px solid #00232c; color: #a1adad; } @@ -3147,6 +3201,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #b5 .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #00171d transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #a1adad; } + +.p-member_profile_field__label { color: #a1adad; } + ts-jumper ts-jumper-container { background: #002b36; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #002b36; color: #2aa198; } @@ -4078,7 +4138,7 @@ a.plastic_typeahead_item { color: #a1adad; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #2aa198; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #003340; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #003340; } .c-tabs__tab { color: #2aa198; } diff --git a/css/raw/variants/solarized-light.css b/css/raw/variants/solarized-light.css index 6275bb6b..b535cb65 100644 --- a/css/raw/variants/solarized-light.css +++ b/css/raw/variants/solarized-light.css @@ -310,13 +310,11 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #586e75; } -.c-texty_autocomplete { background: #fdf6e3; box-shadow: 0 0 0 1px #fffefb, 0 4px 12px 0 #fffefb; } +.p-workspace__input .p-message_input_field { background: #fdf6e3; border-color: #fef9ed; } -.c-texty_autocomplete__result--selected { background: #fdf6e3; } +.p-workspace__primary_view_footer { border-color: #fcf3d9; } -.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #fcf3d9; } - -.p-workspace__input .p-message_input_field { background: #fdf6e3; } +.p-workspace__secondary_view { border-color: #fcf3d9; } .ts_toggle .ts_toggle_button { background: #fbeecb; color: #586e75; } @@ -442,21 +440,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #fffefb; } -.c-message--editing { background: #fcf3d9; border-color: #fcf3d9; color: #586e75; } +.c-message--editing, .p-channel_details_section--editing { background: #fcf3d9; border-color: #fcf3d9; color: #586e75; } -.c-message__editor__input, .c-message__editor__input--legacy { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } +.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning { color: #dc322f; } +.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #dc322f; } -.c-message .c-button { border-color: #fdf6e3; } +.c-message .c-button, .p-channel_details_section .c-button { border-color: #fdf6e3; } -.c-message .c-button--outline { background-color: #fcf3d9; color: #268bd2; } +.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #fcf3d9; color: #268bd2; } -.c-message .c-button--outline:hover { color: #dc322f; } +.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #dc322f; } -.c-message .c-button--primary { background-color: #fef9ed; color: #586e75; } +.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #fef9ed; color: #586e75; } #message_edit_container .message_input { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } @@ -654,6 +652,22 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #586e75; } +.c-texty_autocomplete__body { background-color: #fdf6e3; } + +.c-texty_autocomplete--commands { background: #fdf6e3; box-shadow: 0 0 0 1px #fef9ed, 0 4px 12px 0 #fef9ed; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #fcf3d9; color: #586e75; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #fdf6e3; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #268bd2; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #fdf6e3; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #fcf3d9; } + +.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #586e75; } + .pickmeup { background: #fdf6e3; border: 1px solid #fcf3d9; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #586e75; } @@ -854,6 +868,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #586e75; } +.p-classic_nav__model_header { opacity: 0.8; } + .p-classic_nav__model__title__is_you { color: #fffefb; } .p-classic_nav__model__title__info { color: #586e75; } @@ -864,6 +880,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #586e75; } +.p-classic_nav__right_header { opacity: 0.8; } + .p-classic_nav__right__search { border-color: #586e75; } .p-classic_nav__right__search:hover { border-color: #fffefb; } @@ -872,6 +890,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #586e75; } +.p-classic_nav__team_header { background: #fcf3d9; } + +.p-classic_nav__model__title__info__topic__edit { color: #268bd2; } + .c-message_list__day_divider__label { color: #2aa198; } .c-message_list__day_divider__label__pill { background: #fdf6e3; position: relative; } @@ -952,6 +974,10 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #b58900; color: #fcf3d9; } +.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #fcf3d9; color: #586e75; } + +.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #fdf6e3; } + .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #2aa198; } .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: #2aa198; } @@ -1070,6 +1096,8 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(255, 254, 251, 0.8); } +.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #fbeecb; border-color: #fcf3d9; } + ts-message { color: #586e75; } 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(251, 238, 203, 0.1); box-shadow: inset 1px 0 0 0 #fdf6e3; } @@ -1301,6 +1329,8 @@ ts-mention { background: rgba(255, 254, 251, 0.1) !important; color: #586e75 !im .c-message__image_wrapper:after { border-color: transparent; } +.c-message_kit { background: #fcf3d9; } + .c-message_kit__labels__label { color: #2aa198; } .c-message_kit__file__meta { color: #586e75; } @@ -1477,6 +1507,8 @@ ts-message .reply_bar:hover { background: #fdf6e3; border-color: #fbeecb; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #586e75; } +.p-message_pane_input_broadcast_warning { background-color: #222222; } + .p-message_pane__limited_history_foreword { background: #fcf3d9; background-image: none; color: #586e75; } .p-message_pane__unread_banner__banner { background: #fef9ed; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1749,6 +1781,12 @@ body > pre { background: #fffefb; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #fcf3d9; } +.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #fef9ed; } + +.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #268bd2; } + +.p-workspace__input .p-message_input_file_button:hover { background: #fdf6e3; color: #268bd2; } + ts-thread { background: #fdf6e3; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #fcf3d9; color: #586e75; } @@ -2011,10 +2049,16 @@ ts-thread .new_reply_indicator .blue_dot { color: #dc322f; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #dc322f; } +.p-flexpane__body--empty { background-color: #fdf6e3; } + .p-flexpane__body .p-thread_drag_overlay { background-color: #fcf3d9; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #586e75; } +.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #268bd2; } + +.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #dc322f; } + #file_list_toggle_users { color: #268bd2; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #dc322f; } @@ -2185,7 +2229,9 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #586e75; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #586e75; } -.c-pillow_file__slide { background-color: #fbeecb; } +.c-pillow_file__snippet__content .CodeMirror { background-color: #fbeecb; } + +.c-pillow_file__slide, .c-pillow_file__swap { background-color: #fbeecb; } .c-pillow_file_container { background-color: #fbeecb; } @@ -2217,6 +2263,10 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #586e75; } #user_groups_header a.icon_close:hover { color: #dc322f; } +.p-user_group_base_row__list_item { background: transparent; } + +.p-user_group_base_row__list_item:hover { background: #fcf3d9; } + .user_group_item { border-bottom: 1px solid #fef9ed; } .user_group_item a { color: #268bd2; } @@ -2853,6 +2903,10 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #b5 .channel_header .channel_header__tabs .channel_header__tab:hover { color: #dc322f; } +.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + +.p-highlights_section__group_title_label { background: #fdf6e3; } + .channel_modal_header { color: #586e75; } #channel_browser .channel_browser_row { border-top: 1px solid #fcf3d9; color: #586e75; } @@ -3147,6 +3201,12 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #b5 .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #fbeecb transparent transparent; } +.p-member_profile_card { background: #222222; } + +.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #586e75; } + +.p-member_profile_field__label { color: #586e75; } + ts-jumper ts-jumper-container { background: #fdf6e3; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #fdf6e3; color: #2aa198; } @@ -4078,7 +4138,7 @@ a.plastic_typeahead_item { color: #586e75; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #2aa198; } -.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #fef9ed; } +.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #fef9ed; } .c-tabs__tab { color: #2aa198; } diff --git a/css/variants/arc-dark.css b/css/variants/arc-dark.css index f98a24ec..50419a36 100644 --- a/css/variants/arc-dark.css +++ b/css/variants/arc-dark.css @@ -154,10 +154,9 @@ .c-filter_input { background: #6b6f79; } .p-share_dialog_message_input { color: #d3dae3; } .c-texty_input .ql-placeholder { color: #d3dae3; } - .c-texty_autocomplete { background: #404552; box-shadow: 0 0 0 1px #858991, 0 4px 12px 0 #858991; } - .c-texty_autocomplete__result--selected { background: #454c5c; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #2a2f39; } - .p-workspace__input .p-message_input_field { background: #404552; } + .p-workspace__input .p-message_input_field { background: #404552; border-color: #6b6f79; } + .p-workspace__primary_view_footer { border-color: #2a2f39; } + .p-workspace__secondary_view { border-color: #2a2f39; } .ts_toggle .ts_toggle_button { background: #1d2027; color: #d3dae3; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #2a2f39; } .ts_toggle .ts_toggle_secondary_label { color: #949494; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } .inline_message_input_container .ql-container { border-color: #6b6f79; color: #d3dae3; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #858991; } - .c-message--editing { background: #2a2f39; border-color: #2a2f39; color: #d3dae3; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #bf360c; } - .c-message .c-button { border-color: #454c5c; } - .c-message .c-button--outline { background-color: #2a2f39; color: #90939b; } - .c-message .c-button--outline:hover { color: #90939b; } - .c-message .c-button--primary { background-color: #6b6f79; color: #d3dae3; } + .c-message--editing, .p-channel_details_section--editing { background: #2a2f39; border-color: #2a2f39; color: #d3dae3; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #454c5c; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #2a2f39; color: #90939b; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #90939b; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #6b6f79; color: #d3dae3; } #message_edit_container .message_input { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } #message_edit_container .message_input.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(107, 111, 121, 0.5); color: #404552; } @@ -326,6 +325,14 @@ .highlighter_underlay .modifier.incomplete::before { background: #2a2f39; border: 1px solid #1d2027; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(133, 137, 145, 0.25); border: #6b6f79; } .highlighter_underlay .ghost_text { color: #d3dae3; } + .c-texty_autocomplete__body { background-color: #404552; } + .c-texty_autocomplete--commands { background: #404552; box-shadow: 0 0 0 1px #6b6f79, 0 4px 12px 0 #6b6f79; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #2a2f39; color: #d3dae3; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #404552; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #90939b; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #454c5c; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #2a2f39; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #d3dae3; } .pickmeup { background: #404552; border: 1px solid #2a2f39; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #d3dae3; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #2a2f39 !important; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #90939b; } .p-classic_nav { background: #2a2f39; } .p-classic_nav__model__button { color: #d3dae3; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #858991; } .p-classic_nav__model__title__info { color: #d3dae3; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #404552; color: #d3dae3; } .p-classic_nav__model__title__name--dim { color: #858991; } .p-classic_nav__right__button { color: #d3dae3; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #d3dae3; } .p-classic_nav__right__search:hover { border-color: #858991; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #858991; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #d3dae3; } + .p-classic_nav__team_header { background: #2a2f39; } + .p-classic_nav__model__title__info__topic__edit { color: #90939b; } .c-message_list__day_divider__label { color: #949494; } .c-message_list__day_divider__label__pill { background: #404552; position: relative; } .c-message_list__day_divider__line { border-top-color: #2a2f39; } @@ -475,6 +486,8 @@ #msgs_overlay_div { background: #404552; } #col_messages { box-shadow: inset 1px 0 0 0 #404552; } .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 { background-color: #fff6d1; color: #2a2f39; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #2a2f39; color: #d3dae3; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #454c5c; } .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(29, 32, 39, 0.1); } @@ -534,6 +547,7 @@ .c-message_list__spinner { color: #949494; } .c-message_list .c-scrollbar__bar { background: #454c5c; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(133, 137, 145, 0.8); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #1d2027; border-color: #2a2f39; } ts-message { color: #d3dae3; } 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(29, 32, 39, 0.1); box-shadow: inset 1px 0 0 0 #404552; } 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(29, 32, 39, 0.2); } @@ -651,6 +665,7 @@ .c-message__file_meta { color: #949494; } .c-message__image_container { background: rgba(29, 32, 39, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } + .c-message_kit { background: #2a2f39; } .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #d3dae3; } .attachment_group.has_container { background: #404552; border: 1px solid #2a2f39; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #d3dae3; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #d3dae3; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #2a2f39; background-image: none; color: #d3dae3; } .p-message_pane__unread_banner__banner { background: #6b6f79; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #d3dae3; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -875,6 +891,9 @@ .p-threads_view_reply--new_reply { background: #2a2f39; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #2a2f39; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #2a2f39; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #6b6f79; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #90939b; } + .p-workspace__input .p-message_input_file_button:hover { background: #454c5c; color: #90939b; } ts-thread { background: #404552; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #2a2f39; color: #d3dae3; } 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: #2a2f39; border-color: #2a2f39; } @@ -1006,8 +1025,11 @@ .p-flexpane_header { background-color: #2a2f39; border-bottom-color: #454c5c; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #d3dae3; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #90939b; } + .p-flexpane__body--empty { background-color: #404552; } .p-flexpane__body .p-thread_drag_overlay { background-color: #2a2f39; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #d3dae3; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #90939b; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #90939b; } #file_list_toggle_users { color: #90939b; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #90939b; } #file_list_toggle_users.active { color: #949494; } @@ -1093,7 +1115,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #d3dae3; } - .c-pillow_file__slide { background-color: #1d2027; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #1d2027; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #1d2027; } .c-pillow_file_container { background-color: #1d2027; } .p-file_list, .p-file_list__filters { background: #2a2f39; } .p-file_list__filters { border-color: #2a2f39; } @@ -1109,6 +1132,8 @@ #user_groups_header .user_groups_search .icon_search { color: #949494; } #user_groups_header a.icon_close { color: #90939b; } #user_groups_header a.icon_close:hover { color: #90939b; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #2a2f39; } .user_group_item { border-bottom: 1px solid #6b6f79; } .user_group_item a { color: #90939b; } #flex_contents .user_group_item:hover { background-color: #404552; } @@ -1427,6 +1452,8 @@ .notification_prefs_icon::before { color: #d3dae3; } .channel_header .channel_header__tabs .channel_header__tab { color: #90939b; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #90939b; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #454c5c; } .channel_modal_header { color: #d3dae3; } #channel_browser .channel_browser_row { border-top: 1px solid #2a2f39; color: #d3dae3; } #channel_browser .channel_browser_row_header { color: #d3dae3; } @@ -1574,6 +1601,9 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #1d2027, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #1d2027; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #1d2027 transparent transparent; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #d3dae3; } + .p-member_profile_field__label { color: #d3dae3; } ts-jumper ts-jumper-container { background: #404552; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #404552; color: #949494; } ts-jumper input[type=text] { border: 1px solid #1d2027 !important; color: #d3dae3; } @@ -2040,7 +2070,7 @@ .quote_block::before { background-color: #6b6f79; } .well { background: #1d2027; border-color: #191b21; color: #d3dae3; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #6b6f79; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #6b6f79; } .c-tabs__tab { color: #949494; } .c-tabs__tab:hover { color: #d3dae3; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #858991; color: #d3dae3; } diff --git a/css/variants/aubergine-monospaced.css b/css/variants/aubergine-monospaced.css index 9ad4e8ac..2786fc8c 100644 --- a/css/variants/aubergine-monospaced.css +++ b/css/variants/aubergine-monospaced.css @@ -154,10 +154,9 @@ .c-filter_input { background: #61485e; } .p-share_dialog_message_input { color: #f0d9ed; } .c-texty_input .ql-placeholder { color: #f0d9ed; } - .c-texty_autocomplete { background: #3e313c; box-shadow: 0 0 0 1px #876484, 0 4px 12px 0 #876484; } - .c-texty_autocomplete__result--selected { background: #4a3b49; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } - .p-workspace__input .p-message_input_field { background: #3e313c; } + .p-workspace__input .p-message_input_field { background: #3e313c; border-color: #61485e; } + .p-workspace__primary_view_footer { border-color: #4d394b; } + .p-workspace__secondary_view { border-color: #4d394b; } .ts_toggle .ts_toggle_button { background: #372c36; color: #f0d9ed; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #4d394b; } .ts_toggle .ts_toggle_secondary_label { color: #a3839f; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #61485e; border-color: #4d394b; color: #f0d9ed; } .inline_message_input_container .ql-container { border-color: #61485e; color: #f0d9ed; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #876484; } - .c-message--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #bf360c; } - .c-message .c-button { border-color: #4a3b49; } - .c-message .c-button--outline { background-color: #4d394b; color: #a3839f; } - .c-message .c-button--outline:hover { color: #d4bbd1; } - .c-message .c-button--primary { background-color: #61485e; color: #f0d9ed; } + .c-message--editing, .p-channel_details_section--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #4a3b49; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #4d394b; color: #a3839f; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #d4bbd1; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #61485e; color: #f0d9ed; } #message_edit_container .message_input { background: #61485e; border-color: #4d394b; color: #f0d9ed; } #message_edit_container .message_input.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(97, 72, 94, 0.5); color: #3e313c; } @@ -326,6 +325,14 @@ .highlighter_underlay .modifier.incomplete::before { background: #4d394b; border: 1px solid #372c36; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(135, 100, 132, 0.25); border: #61485e; } .highlighter_underlay .ghost_text { color: #f0d9ed; } + .c-texty_autocomplete__body { background-color: #3e313c; } + .c-texty_autocomplete--commands { background: #3e313c; box-shadow: 0 0 0 1px #61485e, 0 4px 12px 0 #61485e; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #4d394b; color: #f0d9ed; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #3e313c; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #a3839f; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #4a3b49; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f0d9ed; } .pickmeup { background: #3e313c; border: 1px solid #4d394b; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f0d9ed; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #4d394b !important; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #a3839f; } .p-classic_nav { background: #4d394b; } .p-classic_nav__model__button { color: #f0d9ed; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #876484; } .p-classic_nav__model__title__info { color: #f0d9ed; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #3e313c; color: #f0d9ed; } .p-classic_nav__model__title__name--dim { color: #876484; } .p-classic_nav__right__button { color: #f0d9ed; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #f0d9ed; } .p-classic_nav__right__search:hover { border-color: #876484; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #876484; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f0d9ed; } + .p-classic_nav__team_header { background: #4d394b; } + .p-classic_nav__model__title__info__topic__edit { color: #a3839f; } .c-message_list__day_divider__label { color: #a3839f; } .c-message_list__day_divider__label__pill { background: #3e313c; position: relative; } .c-message_list__day_divider__line { border-top-color: #4d394b; } @@ -475,6 +486,8 @@ #msgs_overlay_div { background: #3e313c; } #col_messages { box-shadow: inset 1px 0 0 0 #3e313c; } .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 { background-color: #fff6d1; color: #4d394b; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #4d394b; color: #f0d9ed; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #4a3b49; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #a3839f; } .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: #a3839f; } .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(55, 44, 54, 0.1); } @@ -534,6 +547,7 @@ .c-message_list__spinner { color: #a3839f; } .c-message_list .c-scrollbar__bar { background: #4a3b49; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(135, 100, 132, 0.8); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #372c36; border-color: #4d394b; } ts-message { color: #f0d9ed; } 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(55, 44, 54, 0.1); box-shadow: inset 1px 0 0 0 #3e313c; } 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(55, 44, 54, 0.2); } @@ -651,6 +665,7 @@ .c-message__file_meta { color: #a3839f; } .c-message__image_container { background: rgba(55, 44, 54, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } + .c-message_kit { background: #4d394b; } .c-message_kit__labels__label { color: #a3839f; } .c-message_kit__file__meta { color: #f0d9ed; } .attachment_group.has_container { background: #3e313c; border: 1px solid #4d394b; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #f0d9ed; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f0d9ed; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #4d394b; background-image: none; color: #f0d9ed; } .p-message_pane__unread_banner__banner { background: #61485e; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #f0d9ed; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -877,6 +893,9 @@ .p-threads_view_reply--new_reply { background: #4d394b; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #4d394b; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #4d394b; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #61485e; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #a3839f; } + .p-workspace__input .p-message_input_file_button:hover { background: #4a3b49; color: #a3839f; } ts-thread { background: #3e313c; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #4d394b; color: #f0d9ed; } 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: #4d394b; border-color: #4d394b; } @@ -1008,8 +1027,11 @@ .p-flexpane_header { background-color: #4d394b; border-bottom-color: #4a3b49; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #f0d9ed; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #d4bbd1; } + .p-flexpane__body--empty { background-color: #3e313c; } .p-flexpane__body .p-thread_drag_overlay { background-color: #4d394b; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f0d9ed; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #a3839f; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #d4bbd1; } #file_list_toggle_users { color: #a3839f; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #d4bbd1; } #file_list_toggle_users.active { color: #a3839f; } @@ -1095,7 +1117,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f0d9ed; } - .c-pillow_file__slide { background-color: #372c36; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #372c36; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #372c36; } .c-pillow_file_container { background-color: #372c36; } .p-file_list, .p-file_list__filters { background: #4d394b; } .p-file_list__filters { border-color: #4d394b; } @@ -1111,6 +1134,8 @@ #user_groups_header .user_groups_search .icon_search { color: #a3839f; } #user_groups_header a.icon_close { color: #a3839f; } #user_groups_header a.icon_close:hover { color: #d4bbd1; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #4d394b; } .user_group_item { border-bottom: 1px solid #61485e; } .user_group_item a { color: #a3839f; } #flex_contents .user_group_item:hover { background-color: #3e313c; } @@ -1429,6 +1454,8 @@ .notification_prefs_icon::before { color: #f0d9ed; } .channel_header .channel_header__tabs .channel_header__tab { color: #a3839f; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #d4bbd1; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #4a3b49; } .channel_modal_header { color: #f0d9ed; } #channel_browser .channel_browser_row { border-top: 1px solid #4d394b; color: #f0d9ed; } #channel_browser .channel_browser_row_header { color: #f0d9ed; } @@ -1576,6 +1603,9 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #372c36, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #372c36; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #372c36 transparent transparent; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f0d9ed; } + .p-member_profile_field__label { color: #f0d9ed; } ts-jumper ts-jumper-container { background: #3e313c; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #3e313c; color: #a3839f; } ts-jumper input[type=text] { border: 1px solid #372c36 !important; color: #f0d9ed; } @@ -2042,7 +2072,7 @@ .quote_block::before { background-color: #61485e; } .well { background: #372c36; border-color: #312730; color: #f0d9ed; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #a3839f; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } .c-tabs__tab { color: #a3839f; } .c-tabs__tab:hover { color: #f0d9ed; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #876484; color: #f0d9ed; } diff --git a/css/variants/aubergine.css b/css/variants/aubergine.css index cc95dc64..c3d92058 100644 --- a/css/variants/aubergine.css +++ b/css/variants/aubergine.css @@ -154,10 +154,9 @@ .c-filter_input { background: #61485e; } .p-share_dialog_message_input { color: #f0d9ed; } .c-texty_input .ql-placeholder { color: #f0d9ed; } - .c-texty_autocomplete { background: #3e313c; box-shadow: 0 0 0 1px #876484, 0 4px 12px 0 #876484; } - .c-texty_autocomplete__result--selected { background: #4a3b49; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } - .p-workspace__input .p-message_input_field { background: #3e313c; } + .p-workspace__input .p-message_input_field { background: #3e313c; border-color: #61485e; } + .p-workspace__primary_view_footer { border-color: #4d394b; } + .p-workspace__secondary_view { border-color: #4d394b; } .ts_toggle .ts_toggle_button { background: #372c36; color: #f0d9ed; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #4d394b; } .ts_toggle .ts_toggle_secondary_label { color: #a3839f; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #61485e; border-color: #4d394b; color: #f0d9ed; } .inline_message_input_container .ql-container { border-color: #61485e; color: #f0d9ed; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #876484; } - .c-message--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #bf360c; } - .c-message .c-button { border-color: #4a3b49; } - .c-message .c-button--outline { background-color: #4d394b; color: #a3839f; } - .c-message .c-button--outline:hover { color: #d4bbd1; } - .c-message .c-button--primary { background-color: #61485e; color: #f0d9ed; } + .c-message--editing, .p-channel_details_section--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #4a3b49; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #4d394b; color: #a3839f; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #d4bbd1; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #61485e; color: #f0d9ed; } #message_edit_container .message_input { background: #61485e; border-color: #4d394b; color: #f0d9ed; } #message_edit_container .message_input.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(97, 72, 94, 0.5); color: #3e313c; } @@ -326,6 +325,14 @@ .highlighter_underlay .modifier.incomplete::before { background: #4d394b; border: 1px solid #372c36; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(135, 100, 132, 0.25); border: #61485e; } .highlighter_underlay .ghost_text { color: #f0d9ed; } + .c-texty_autocomplete__body { background-color: #3e313c; } + .c-texty_autocomplete--commands { background: #3e313c; box-shadow: 0 0 0 1px #61485e, 0 4px 12px 0 #61485e; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #4d394b; color: #f0d9ed; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #3e313c; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #a3839f; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #4a3b49; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f0d9ed; } .pickmeup { background: #3e313c; border: 1px solid #4d394b; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f0d9ed; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #4d394b !important; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #a3839f; } .p-classic_nav { background: #4d394b; } .p-classic_nav__model__button { color: #f0d9ed; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #876484; } .p-classic_nav__model__title__info { color: #f0d9ed; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #3e313c; color: #f0d9ed; } .p-classic_nav__model__title__name--dim { color: #876484; } .p-classic_nav__right__button { color: #f0d9ed; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #f0d9ed; } .p-classic_nav__right__search:hover { border-color: #876484; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #876484; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f0d9ed; } + .p-classic_nav__team_header { background: #4d394b; } + .p-classic_nav__model__title__info__topic__edit { color: #a3839f; } .c-message_list__day_divider__label { color: #a3839f; } .c-message_list__day_divider__label__pill { background: #3e313c; position: relative; } .c-message_list__day_divider__line { border-top-color: #4d394b; } @@ -475,6 +486,8 @@ #msgs_overlay_div { background: #3e313c; } #col_messages { box-shadow: inset 1px 0 0 0 #3e313c; } .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 { background-color: #fff6d1; color: #4d394b; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #4d394b; color: #f0d9ed; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #4a3b49; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #a3839f; } .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: #a3839f; } .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(55, 44, 54, 0.1); } @@ -534,6 +547,7 @@ .c-message_list__spinner { color: #a3839f; } .c-message_list .c-scrollbar__bar { background: #4a3b49; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(135, 100, 132, 0.8); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #372c36; border-color: #4d394b; } ts-message { color: #f0d9ed; } 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(55, 44, 54, 0.1); box-shadow: inset 1px 0 0 0 #3e313c; } 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(55, 44, 54, 0.2); } @@ -651,6 +665,7 @@ .c-message__file_meta { color: #a3839f; } .c-message__image_container { background: rgba(55, 44, 54, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } + .c-message_kit { background: #4d394b; } .c-message_kit__labels__label { color: #a3839f; } .c-message_kit__file__meta { color: #f0d9ed; } .attachment_group.has_container { background: #3e313c; border: 1px solid #4d394b; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #f0d9ed; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f0d9ed; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #4d394b; background-image: none; color: #f0d9ed; } .p-message_pane__unread_banner__banner { background: #61485e; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #f0d9ed; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -875,6 +891,9 @@ .p-threads_view_reply--new_reply { background: #4d394b; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #4d394b; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #4d394b; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #61485e; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #a3839f; } + .p-workspace__input .p-message_input_file_button:hover { background: #4a3b49; color: #a3839f; } ts-thread { background: #3e313c; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #4d394b; color: #f0d9ed; } 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: #4d394b; border-color: #4d394b; } @@ -1006,8 +1025,11 @@ .p-flexpane_header { background-color: #4d394b; border-bottom-color: #4a3b49; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #f0d9ed; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #d4bbd1; } + .p-flexpane__body--empty { background-color: #3e313c; } .p-flexpane__body .p-thread_drag_overlay { background-color: #4d394b; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f0d9ed; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #a3839f; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #d4bbd1; } #file_list_toggle_users { color: #a3839f; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #d4bbd1; } #file_list_toggle_users.active { color: #a3839f; } @@ -1093,7 +1115,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f0d9ed; } - .c-pillow_file__slide { background-color: #372c36; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #372c36; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #372c36; } .c-pillow_file_container { background-color: #372c36; } .p-file_list, .p-file_list__filters { background: #4d394b; } .p-file_list__filters { border-color: #4d394b; } @@ -1109,6 +1132,8 @@ #user_groups_header .user_groups_search .icon_search { color: #a3839f; } #user_groups_header a.icon_close { color: #a3839f; } #user_groups_header a.icon_close:hover { color: #d4bbd1; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #4d394b; } .user_group_item { border-bottom: 1px solid #61485e; } .user_group_item a { color: #a3839f; } #flex_contents .user_group_item:hover { background-color: #3e313c; } @@ -1427,6 +1452,8 @@ .notification_prefs_icon::before { color: #f0d9ed; } .channel_header .channel_header__tabs .channel_header__tab { color: #a3839f; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #d4bbd1; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #4a3b49; } .channel_modal_header { color: #f0d9ed; } #channel_browser .channel_browser_row { border-top: 1px solid #4d394b; color: #f0d9ed; } #channel_browser .channel_browser_row_header { color: #f0d9ed; } @@ -1574,6 +1601,9 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #372c36, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #372c36; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #372c36 transparent transparent; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f0d9ed; } + .p-member_profile_field__label { color: #f0d9ed; } ts-jumper ts-jumper-container { background: #3e313c; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #3e313c; color: #a3839f; } ts-jumper input[type=text] { border: 1px solid #372c36 !important; color: #f0d9ed; } @@ -2040,7 +2070,7 @@ .quote_block::before { background-color: #61485e; } .well { background: #372c36; border-color: #312730; color: #f0d9ed; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #a3839f; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } .c-tabs__tab { color: #a3839f; } .c-tabs__tab:hover { color: #f0d9ed; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #876484; color: #f0d9ed; } diff --git a/css/variants/black-monospaced.css b/css/variants/black-monospaced.css index aa084d19..06e92a5f 100644 --- a/css/variants/black-monospaced.css +++ b/css/variants/black-monospaced.css @@ -129,7 +129,7 @@ .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: #9c9b9b; } + .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; } @@ -154,10 +154,9 @@ .c-filter_input { background: #545454; } .p-share_dialog_message_input { color: #e6e6e6; } .c-texty_input .ql-placeholder { color: #e6e6e6; } - .c-texty_autocomplete { background: #222; box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282; } - .c-texty_autocomplete__result--selected { background: #424242; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #363636; } - .p-workspace__input .p-message_input_field { background: #222; } + .p-workspace__input .p-message_input_field { background: #222; border-color: #545454; } + .p-workspace__primary_view_footer { border-color: #363636; } + .p-workspace__secondary_view { border-color: #363636; } .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; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #545454; border-color: #363636; color: #e6e6e6; } .inline_message_input_container .ql-container { border-color: #545454; color: #e6e6e6; } .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: #363636; border-color: #363636; color: #e6e6e6; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #bf360c; } - .c-message .c-button { border-color: #424242; } - .c-message .c-button--outline { background-color: #363636; color: #949494; } - .c-message .c-button--outline:hover { color: #c7c7c7; } - .c-message .c-button--primary { background-color: #545454; color: #e6e6e6; } + .c-message--editing, .p-channel_details_section--editing { background: #363636; border-color: #363636; color: #e6e6e6; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #424242; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #363636; color: #949494; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #c7c7c7; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #545454; color: #e6e6e6; } #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; } @@ -326,6 +325,14 @@ .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; } + .c-texty_autocomplete__body { background-color: #222; } + .c-texty_autocomplete--commands { background: #222; box-shadow: 0 0 0 1px #545454, 0 4px 12px 0 #545454; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #363636; color: #e6e6e6; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #222; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #949494; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #424242; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #363636; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { 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; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #949494; } .p-classic_nav { background: #363636; } .p-classic_nav__model__button { color: #e6e6e6; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #828282; } .p-classic_nav__model__title__info { color: #e6e6e6; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #222; color: #e6e6e6; } .p-classic_nav__model__title__name--dim { color: #828282; } .p-classic_nav__right__button { color: #e6e6e6; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #e6e6e6; } .p-classic_nav__right__search:hover { border-color: #828282; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #828282; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #e6e6e6; } + .p-classic_nav__team_header { background: #363636; } + .p-classic_nav__model__title__info__topic__edit { 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; } @@ -475,6 +486,8 @@ #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 { background-color: #fff6d1; color: #363636; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #363636; color: #e6e6e6; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #424242; } .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); } @@ -534,6 +547,7 @@ .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); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #000; border-color: #363636; } 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); } @@ -651,6 +665,7 @@ .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; } + .c-message_kit { background: #363636; } .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #e6e6e6; } .attachment_group.has_container { background: #222; border: 1px solid #363636; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #e6e6e6; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; } .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); } @@ -877,6 +893,9 @@ .p-threads_view_reply--new_reply { background: #363636; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #363636; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #363636; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #545454; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #949494; } + .p-workspace__input .p-message_input_file_button:hover { background: #424242; color: #949494; } 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; } @@ -1008,8 +1027,11 @@ .p-flexpane_header { background-color: #363636; border-bottom-color: #424242; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #e6e6e6; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #c7c7c7; } + .p-flexpane__body--empty { background-color: #222; } .p-flexpane__body .p-thread_drag_overlay { background-color: #363636; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #e6e6e6; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #949494; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #c7c7c7; } #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; } @@ -1095,7 +1117,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #e6e6e6; } - .c-pillow_file__slide { background-color: #000; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #000; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #000; } .c-pillow_file_container { background-color: #000; } .p-file_list, .p-file_list__filters { background: #363636; } .p-file_list__filters { border-color: #363636; } @@ -1111,6 +1134,8 @@ #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; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #363636; } .user_group_item { border-bottom: 1px solid #545454; } .user_group_item a { color: #949494; } #flex_contents .user_group_item:hover { background-color: #222; } @@ -1429,6 +1454,8 @@ .notification_prefs_icon::before { color: #e6e6e6; } .channel_header .channel_header__tabs .channel_header__tab { color: #949494; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #c7c7c7; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #424242; } .channel_modal_header { color: #e6e6e6; } #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; } #channel_browser .channel_browser_row_header { color: #e6e6e6; } @@ -1576,6 +1603,9 @@ .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; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #e6e6e6; } + .p-member_profile_field__label { color: #e6e6e6; } ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; } ts-jumper input[type=text] { border: 1px solid #000 !important; color: #e6e6e6; } @@ -2042,7 +2072,7 @@ .quote_block::before { background-color: #545454; } .well { background: #000; border-color: black; color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } .c-tabs__tab { color: #949494; } .c-tabs__tab:hover { color: #e6e6e6; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #828282; color: #e6e6e6; } diff --git a/css/variants/gruvbox-dark.css b/css/variants/gruvbox-dark.css index c5c71508..f6988fb8 100644 --- a/css/variants/gruvbox-dark.css +++ b/css/variants/gruvbox-dark.css @@ -154,10 +154,9 @@ .c-filter_input { background: #504945; } .p-share_dialog_message_input { color: #f9f5d7; } .c-texty_input .ql-placeholder { color: #f9f5d7; } - .c-texty_autocomplete { background: #1d2021; box-shadow: 0 0 0 1px #ebdbb2, 0 4px 12px 0 #ebdbb2; } - .c-texty_autocomplete__result--selected { background: #282828; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #282828; } - .p-workspace__input .p-message_input_field { background: #1d2021; } + .p-workspace__input .p-message_input_field { background: #1d2021; border-color: #504945; } + .p-workspace__primary_view_footer { border-color: #282828; } + .p-workspace__secondary_view { border-color: #282828; } .ts_toggle .ts_toggle_button { background: #282828; color: #f9f5d7; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #282828; } .ts_toggle .ts_toggle_secondary_label { color: #d79921; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #504945; border-color: #282828; color: #f9f5d7; } .inline_message_input_container .ql-container { border-color: #504945; color: #f9f5d7; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #ebdbb2; } - .c-message--editing { background: #282828; border-color: #282828; color: #f9f5d7; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #504945; border-color: #282828; color: #f9f5d7; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #cc241d; } - .c-message .c-button { border-color: #282828; } - .c-message .c-button--outline { background-color: #282828; color: #689d6a; } - .c-message .c-button--outline:hover { color: #cc241d; } - .c-message .c-button--primary { background-color: #504945; color: #f9f5d7; } + .c-message--editing, .p-channel_details_section--editing { background: #282828; border-color: #282828; color: #f9f5d7; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #504945; border-color: #282828; color: #f9f5d7; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #cc241d; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #282828; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #282828; color: #689d6a; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #cc241d; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #504945; color: #f9f5d7; } #message_edit_container .message_input { background: #504945; border-color: #282828; color: #f9f5d7; } #message_edit_container .message_input.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(80, 73, 69, 0.5); color: #1d2021; } @@ -326,6 +325,14 @@ .highlighter_underlay .modifier.incomplete::before { background: #282828; border: 1px solid #282828; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(235, 219, 178, 0.25); border: #504945; } .highlighter_underlay .ghost_text { color: #f9f5d7; } + .c-texty_autocomplete__body { background-color: #1d2021; } + .c-texty_autocomplete--commands { background: #1d2021; box-shadow: 0 0 0 1px #504945, 0 4px 12px 0 #504945; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #282828; color: #f9f5d7; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #1d2021; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #689d6a; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #282828; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #282828; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f9f5d7; } .pickmeup { background: #1d2021; border: 1px solid #282828; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f9f5d7; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #282828 !important; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #689d6a; } .p-classic_nav { background: #282828; } .p-classic_nav__model__button { color: #f9f5d7; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #ebdbb2; } .p-classic_nav__model__title__info { color: #f9f5d7; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #1d2021; color: #f9f5d7; } .p-classic_nav__model__title__name--dim { color: #ebdbb2; } .p-classic_nav__right__button { color: #f9f5d7; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #f9f5d7; } .p-classic_nav__right__search:hover { border-color: #ebdbb2; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #ebdbb2; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f9f5d7; } + .p-classic_nav__team_header { background: #282828; } + .p-classic_nav__model__title__info__topic__edit { color: #689d6a; } .c-message_list__day_divider__label { color: #d79921; } .c-message_list__day_divider__label__pill { background: #1d2021; position: relative; } .c-message_list__day_divider__line { border-top-color: #282828; } @@ -475,6 +486,8 @@ #msgs_overlay_div { background: #1d2021; } #col_messages { box-shadow: inset 1px 0 0 0 #1d2021; } .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 { background-color: #d79921; color: #282828; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #282828; color: #f9f5d7; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #282828; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #d79921; } .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: #d79921; } .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(40, 40, 40, 0.1); } @@ -534,6 +547,7 @@ .c-message_list__spinner { color: #d79921; } .c-message_list .c-scrollbar__bar { background: #282828; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(235, 219, 178, 0.8); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #282828; border-color: #282828; } ts-message { color: #f9f5d7; } 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(40, 40, 40, 0.1); box-shadow: inset 1px 0 0 0 #1d2021; } 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(40, 40, 40, 0.2); } @@ -651,6 +665,7 @@ .c-message__file_meta { color: #d79921; } .c-message__image_container { background: rgba(40, 40, 40, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } + .c-message_kit { background: #282828; } .c-message_kit__labels__label { color: #d79921; } .c-message_kit__file__meta { color: #f9f5d7; } .attachment_group.has_container { background: #1d2021; border: 1px solid #282828; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #f9f5d7; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f9f5d7; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #282828; background-image: none; color: #f9f5d7; } .p-message_pane__unread_banner__banner { background: #504945; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #f9f5d7; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -875,6 +891,9 @@ .p-threads_view_reply--new_reply { background: #282828; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #282828; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #282828; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #504945; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #689d6a; } + .p-workspace__input .p-message_input_file_button:hover { background: #282828; color: #689d6a; } ts-thread { background: #1d2021; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #282828; color: #f9f5d7; } 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: #282828; border-color: #282828; } @@ -1006,8 +1025,11 @@ .p-flexpane_header { background-color: #282828; border-bottom-color: #282828; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #f9f5d7; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #cc241d; } + .p-flexpane__body--empty { background-color: #1d2021; } .p-flexpane__body .p-thread_drag_overlay { background-color: #282828; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f9f5d7; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #689d6a; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #cc241d; } #file_list_toggle_users { color: #689d6a; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #cc241d; } #file_list_toggle_users.active { color: #d79921; } @@ -1093,7 +1115,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f9f5d7; } - .c-pillow_file__slide { background-color: #282828; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #282828; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #282828; } .c-pillow_file_container { background-color: #282828; } .p-file_list, .p-file_list__filters { background: #282828; } .p-file_list__filters { border-color: #282828; } @@ -1109,6 +1132,8 @@ #user_groups_header .user_groups_search .icon_search { color: #d79921; } #user_groups_header a.icon_close { color: #689d6a; } #user_groups_header a.icon_close:hover { color: #cc241d; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #282828; } .user_group_item { border-bottom: 1px solid #504945; } .user_group_item a { color: #689d6a; } #flex_contents .user_group_item:hover { background-color: #1d2021; } @@ -1427,6 +1452,8 @@ .notification_prefs_icon::before { color: #f9f5d7; } .channel_header .channel_header__tabs .channel_header__tab { color: #689d6a; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #cc241d; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #282828; } .channel_modal_header { color: #f9f5d7; } #channel_browser .channel_browser_row { border-top: 1px solid #282828; color: #f9f5d7; } #channel_browser .channel_browser_row_header { color: #f9f5d7; } @@ -1574,6 +1601,9 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #282828, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #282828; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #282828 transparent transparent; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f9f5d7; } + .p-member_profile_field__label { color: #f9f5d7; } ts-jumper ts-jumper-container { background: #1d2021; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #1d2021; color: #d79921; } ts-jumper input[type=text] { border: 1px solid #282828 !important; color: #f9f5d7; } @@ -2040,7 +2070,7 @@ .quote_block::before { background-color: #504945; } .well { background: #282828; border-color: #232323; color: #f9f5d7; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #d79921; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #504945; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #504945; } .c-tabs__tab { color: #d79921; } .c-tabs__tab:hover { color: #f9f5d7; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #ebdbb2; color: #f9f5d7; } diff --git a/css/variants/midnight-blue-monospaced.css b/css/variants/midnight-blue-monospaced.css index 27bc8214..6f31fd4e 100644 --- a/css/variants/midnight-blue-monospaced.css +++ b/css/variants/midnight-blue-monospaced.css @@ -129,7 +129,7 @@ .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: #303030; } - .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4949; } + .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4a4a; } .btn_basic:focus, .btn_basic:hover { color: #00b9f2; } .btn_outline { background: #000; color: #1793d1 !important; } .btn_outline::after { border: 1px solid #202020; } @@ -154,10 +154,9 @@ .c-filter_input { background: #282828; } .p-share_dialog_message_input { color: #00b9f2; } .c-texty_input .ql-placeholder { color: #00b9f2; } - .c-texty_autocomplete { background: #000; box-shadow: 0 0 0 1px #303030, 0 4px 12px 0 #303030; } - .c-texty_autocomplete__result--selected { background: #202020; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #181818; } - .p-workspace__input .p-message_input_field { background: #000; } + .p-workspace__input .p-message_input_field { background: #000; border-color: #282828; } + .p-workspace__primary_view_footer { border-color: #181818; } + .p-workspace__secondary_view { border-color: #181818; } .ts_toggle .ts_toggle_button { background: #101010; color: #00b9f2; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #181818; } .ts_toggle .ts_toggle_secondary_label { color: #1793d1; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #282828; border-color: #181818; color: #00b9f2; } .inline_message_input_container .ql-container { border-color: #282828; color: #00b9f2; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #303030; } - .c-message--editing { background: #181818; border-color: #181818; color: #00b9f2; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #bf360c; } - .c-message .c-button { border-color: #202020; } - .c-message .c-button--outline { background-color: #181818; color: #1793d1; } - .c-message .c-button--outline:hover { color: #299bd4; } - .c-message .c-button--primary { background-color: #282828; color: #00b9f2; } + .c-message--editing, .p-channel_details_section--editing { background: #181818; border-color: #181818; color: #00b9f2; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #202020; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #181818; color: #1793d1; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #299bd4; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #282828; color: #00b9f2; } #message_edit_container .message_input { background: #282828; border-color: #181818; color: #00b9f2; } #message_edit_container .message_input.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(40, 40, 40, 0.5); color: #000; } @@ -326,6 +325,14 @@ .highlighter_underlay .modifier.incomplete::before { background: #181818; border: 1px solid #101010; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(48, 48, 48, 0.25); border: #282828; } .highlighter_underlay .ghost_text { color: #00b9f2; } + .c-texty_autocomplete__body { background-color: #000; } + .c-texty_autocomplete--commands { background: #000; box-shadow: 0 0 0 1px #282828, 0 4px 12px 0 #282828; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #181818; color: #00b9f2; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #000; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #1793d1; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #202020; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #181818; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #00b9f2; } .pickmeup { background: #000; border: 1px solid #181818; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #00b9f2; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #181818 !important; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #1793d1; } .p-classic_nav { background: #181818; } .p-classic_nav__model__button { color: #00b9f2; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #303030; } .p-classic_nav__model__title__info { color: #00b9f2; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #000; color: #00b9f2; } .p-classic_nav__model__title__name--dim { color: #303030; } .p-classic_nav__right__button { color: #00b9f2; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #00b9f2; } .p-classic_nav__right__search:hover { border-color: #303030; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #303030; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #00b9f2; } + .p-classic_nav__team_header { background: #181818; } + .p-classic_nav__model__title__info__topic__edit { color: #1793d1; } .c-message_list__day_divider__label { color: #1793d1; } .c-message_list__day_divider__label__pill { background: #000; position: relative; } .c-message_list__day_divider__line { border-top-color: #181818; } @@ -475,6 +486,8 @@ #msgs_overlay_div { background: #000; } #col_messages { box-shadow: inset 1px 0 0 0 #000; } .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 { background-color: #fff6d1; color: #181818; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #181818; color: #00b9f2; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #202020; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #1793d1; } .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: #1793d1; } .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(16, 16, 16, 0.1); } @@ -534,6 +547,7 @@ .c-message_list__spinner { color: #1793d1; } .c-message_list .c-scrollbar__bar { background: #202020; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(48, 48, 48, 0.8); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #101010; border-color: #181818; } ts-message { color: #00b9f2; } 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(16, 16, 16, 0.1); box-shadow: inset 1px 0 0 0 #000; } 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(16, 16, 16, 0.2); } @@ -651,6 +665,7 @@ .c-message__file_meta { color: #1793d1; } .c-message__image_container { background: rgba(16, 16, 16, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } + .c-message_kit { background: #181818; } .c-message_kit__labels__label { color: #1793d1; } .c-message_kit__file__meta { color: #00b9f2; } .attachment_group.has_container { background: #000; border: 1px solid #181818; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #00b9f2; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #00b9f2; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #181818; background-image: none; color: #00b9f2; } .p-message_pane__unread_banner__banner { background: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #00b9f2; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -877,6 +893,9 @@ .p-threads_view_reply--new_reply { background: #181818; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #181818; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #181818; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #282828; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #1793d1; } + .p-workspace__input .p-message_input_file_button:hover { background: #202020; color: #1793d1; } ts-thread { background: #000; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #181818; color: #00b9f2; } 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: #181818; border-color: #181818; } @@ -1008,8 +1027,11 @@ .p-flexpane_header { background-color: #181818; border-bottom-color: #202020; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #00b9f2; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #299bd4; } + .p-flexpane__body--empty { background-color: #000; } .p-flexpane__body .p-thread_drag_overlay { background-color: #181818; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #00b9f2; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #1793d1; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #299bd4; } #file_list_toggle_users { color: #1793d1; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #299bd4; } #file_list_toggle_users.active { color: #1793d1; } @@ -1095,7 +1117,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #00b9f2; } - .c-pillow_file__slide { background-color: #101010; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #101010; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #101010; } .c-pillow_file_container { background-color: #101010; } .p-file_list, .p-file_list__filters { background: #181818; } .p-file_list__filters { border-color: #181818; } @@ -1111,6 +1134,8 @@ #user_groups_header .user_groups_search .icon_search { color: #1793d1; } #user_groups_header a.icon_close { color: #1793d1; } #user_groups_header a.icon_close:hover { color: #299bd4; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #181818; } .user_group_item { border-bottom: 1px solid #282828; } .user_group_item a { color: #1793d1; } #flex_contents .user_group_item:hover { background-color: #000; } @@ -1429,6 +1454,8 @@ .notification_prefs_icon::before { color: #00b9f2; } .channel_header .channel_header__tabs .channel_header__tab { color: #1793d1; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #299bd4; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #202020; } .channel_modal_header { color: #00b9f2; } #channel_browser .channel_browser_row { border-top: 1px solid #181818; color: #00b9f2; } #channel_browser .channel_browser_row_header { color: #00b9f2; } @@ -1576,6 +1603,9 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #101010, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #101010; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #101010 transparent transparent; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #00b9f2; } + .p-member_profile_field__label { color: #00b9f2; } ts-jumper ts-jumper-container { background: #000; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #000; color: #1793d1; } ts-jumper input[type=text] { border: 1px solid #101010 !important; color: #00b9f2; } @@ -2042,7 +2072,7 @@ .quote_block::before { background-color: #282828; } .well { background: #101010; border-color: #0b0b0b; color: #00b9f2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #1793d1; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } .c-tabs__tab { color: #1793d1; } .c-tabs__tab:hover { color: #00b9f2; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #303030; color: #00b9f2; } diff --git a/css/variants/midnight-blue.css b/css/variants/midnight-blue.css index 91d02e3f..30b49913 100644 --- a/css/variants/midnight-blue.css +++ b/css/variants/midnight-blue.css @@ -129,7 +129,7 @@ .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: #303030; } - .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4949; } + .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4a4a; } .btn_basic:focus, .btn_basic:hover { color: #00b9f2; } .btn_outline { background: #000; color: #1793d1 !important; } .btn_outline::after { border: 1px solid #202020; } @@ -154,10 +154,9 @@ .c-filter_input { background: #282828; } .p-share_dialog_message_input { color: #00b9f2; } .c-texty_input .ql-placeholder { color: #00b9f2; } - .c-texty_autocomplete { background: #000; box-shadow: 0 0 0 1px #303030, 0 4px 12px 0 #303030; } - .c-texty_autocomplete__result--selected { background: #202020; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #181818; } - .p-workspace__input .p-message_input_field { background: #000; } + .p-workspace__input .p-message_input_field { background: #000; border-color: #282828; } + .p-workspace__primary_view_footer { border-color: #181818; } + .p-workspace__secondary_view { border-color: #181818; } .ts_toggle .ts_toggle_button { background: #101010; color: #00b9f2; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #181818; } .ts_toggle .ts_toggle_secondary_label { color: #1793d1; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #282828; border-color: #181818; color: #00b9f2; } .inline_message_input_container .ql-container { border-color: #282828; color: #00b9f2; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #303030; } - .c-message--editing { background: #181818; border-color: #181818; color: #00b9f2; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #bf360c; } - .c-message .c-button { border-color: #202020; } - .c-message .c-button--outline { background-color: #181818; color: #1793d1; } - .c-message .c-button--outline:hover { color: #299bd4; } - .c-message .c-button--primary { background-color: #282828; color: #00b9f2; } + .c-message--editing, .p-channel_details_section--editing { background: #181818; border-color: #181818; color: #00b9f2; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #202020; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #181818; color: #1793d1; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #299bd4; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #282828; color: #00b9f2; } #message_edit_container .message_input { background: #282828; border-color: #181818; color: #00b9f2; } #message_edit_container .message_input.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(40, 40, 40, 0.5); color: #000; } @@ -326,6 +325,14 @@ .highlighter_underlay .modifier.incomplete::before { background: #181818; border: 1px solid #101010; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(48, 48, 48, 0.25); border: #282828; } .highlighter_underlay .ghost_text { color: #00b9f2; } + .c-texty_autocomplete__body { background-color: #000; } + .c-texty_autocomplete--commands { background: #000; box-shadow: 0 0 0 1px #282828, 0 4px 12px 0 #282828; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #181818; color: #00b9f2; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #000; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #1793d1; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #202020; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #181818; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #00b9f2; } .pickmeup { background: #000; border: 1px solid #181818; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #00b9f2; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #181818 !important; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #1793d1; } .p-classic_nav { background: #181818; } .p-classic_nav__model__button { color: #00b9f2; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #303030; } .p-classic_nav__model__title__info { color: #00b9f2; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #000; color: #00b9f2; } .p-classic_nav__model__title__name--dim { color: #303030; } .p-classic_nav__right__button { color: #00b9f2; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #00b9f2; } .p-classic_nav__right__search:hover { border-color: #303030; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #303030; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #00b9f2; } + .p-classic_nav__team_header { background: #181818; } + .p-classic_nav__model__title__info__topic__edit { color: #1793d1; } .c-message_list__day_divider__label { color: #1793d1; } .c-message_list__day_divider__label__pill { background: #000; position: relative; } .c-message_list__day_divider__line { border-top-color: #181818; } @@ -475,6 +486,8 @@ #msgs_overlay_div { background: #000; } #col_messages { box-shadow: inset 1px 0 0 0 #000; } .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 { background-color: #fff6d1; color: #181818; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #181818; color: #00b9f2; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #202020; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #1793d1; } .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: #1793d1; } .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(16, 16, 16, 0.1); } @@ -534,6 +547,7 @@ .c-message_list__spinner { color: #1793d1; } .c-message_list .c-scrollbar__bar { background: #202020; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(48, 48, 48, 0.8); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #101010; border-color: #181818; } ts-message { color: #00b9f2; } 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(16, 16, 16, 0.1); box-shadow: inset 1px 0 0 0 #000; } 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(16, 16, 16, 0.2); } @@ -651,6 +665,7 @@ .c-message__file_meta { color: #1793d1; } .c-message__image_container { background: rgba(16, 16, 16, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } + .c-message_kit { background: #181818; } .c-message_kit__labels__label { color: #1793d1; } .c-message_kit__file__meta { color: #00b9f2; } .attachment_group.has_container { background: #000; border: 1px solid #181818; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #00b9f2; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #00b9f2; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #181818; background-image: none; color: #00b9f2; } .p-message_pane__unread_banner__banner { background: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #00b9f2; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -875,6 +891,9 @@ .p-threads_view_reply--new_reply { background: #181818; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #181818; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #181818; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #282828; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #1793d1; } + .p-workspace__input .p-message_input_file_button:hover { background: #202020; color: #1793d1; } ts-thread { background: #000; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #181818; color: #00b9f2; } 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: #181818; border-color: #181818; } @@ -1006,8 +1025,11 @@ .p-flexpane_header { background-color: #181818; border-bottom-color: #202020; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #00b9f2; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #299bd4; } + .p-flexpane__body--empty { background-color: #000; } .p-flexpane__body .p-thread_drag_overlay { background-color: #181818; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #00b9f2; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #1793d1; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #299bd4; } #file_list_toggle_users { color: #1793d1; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #299bd4; } #file_list_toggle_users.active { color: #1793d1; } @@ -1093,7 +1115,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #00b9f2; } - .c-pillow_file__slide { background-color: #101010; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #101010; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #101010; } .c-pillow_file_container { background-color: #101010; } .p-file_list, .p-file_list__filters { background: #181818; } .p-file_list__filters { border-color: #181818; } @@ -1109,6 +1132,8 @@ #user_groups_header .user_groups_search .icon_search { color: #1793d1; } #user_groups_header a.icon_close { color: #1793d1; } #user_groups_header a.icon_close:hover { color: #299bd4; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #181818; } .user_group_item { border-bottom: 1px solid #282828; } .user_group_item a { color: #1793d1; } #flex_contents .user_group_item:hover { background-color: #000; } @@ -1427,6 +1452,8 @@ .notification_prefs_icon::before { color: #00b9f2; } .channel_header .channel_header__tabs .channel_header__tab { color: #1793d1; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #299bd4; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #202020; } .channel_modal_header { color: #00b9f2; } #channel_browser .channel_browser_row { border-top: 1px solid #181818; color: #00b9f2; } #channel_browser .channel_browser_row_header { color: #00b9f2; } @@ -1574,6 +1601,9 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #101010, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #101010; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #101010 transparent transparent; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #00b9f2; } + .p-member_profile_field__label { color: #00b9f2; } ts-jumper ts-jumper-container { background: #000; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #000; color: #1793d1; } ts-jumper input[type=text] { border: 1px solid #101010 !important; color: #00b9f2; } @@ -2040,7 +2070,7 @@ .quote_block::before { background-color: #282828; } .well { background: #101010; border-color: #0b0b0b; color: #00b9f2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #1793d1; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } .c-tabs__tab { color: #1793d1; } .c-tabs__tab:hover { color: #00b9f2; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #303030; color: #00b9f2; } diff --git a/css/variants/solarized-dark.css b/css/variants/solarized-dark.css index 30b1b9ac..f4662b3a 100644 --- a/css/variants/solarized-dark.css +++ b/css/variants/solarized-dark.css @@ -154,10 +154,9 @@ .c-filter_input { background: #003340; } .p-share_dialog_message_input { color: #a1adad; } .c-texty_input .ql-placeholder { color: #a1adad; } - .c-texty_autocomplete { background: #002b36; box-shadow: 0 0 0 1px #003f50, 0 4px 12px 0 #003f50; } - .c-texty_autocomplete__result--selected { background: #002b36; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #00232c; } - .p-workspace__input .p-message_input_field { background: #002b36; } + .p-workspace__input .p-message_input_field { background: #002b36; border-color: #003340; } + .p-workspace__primary_view_footer { border-color: #00232c; } + .p-workspace__secondary_view { border-color: #00232c; } .ts_toggle .ts_toggle_button { background: #00171d; color: #a1adad; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #00232c; } .ts_toggle .ts_toggle_secondary_label { color: #2aa198; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #003340; border-color: #00232c; color: #a1adad; } .inline_message_input_container .ql-container { border-color: #003340; color: #a1adad; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #003f50; } - .c-message--editing { background: #00232c; border-color: #00232c; color: #a1adad; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #003340; border-color: #00232c; color: #a1adad; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #dc322f; } - .c-message .c-button { border-color: #002b36; } - .c-message .c-button--outline { background-color: #00232c; color: #268bd2; } - .c-message .c-button--outline:hover { color: #dc322f; } - .c-message .c-button--primary { background-color: #003340; color: #a1adad; } + .c-message--editing, .p-channel_details_section--editing { background: #00232c; border-color: #00232c; color: #a1adad; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #003340; border-color: #00232c; color: #a1adad; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #dc322f; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #002b36; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #00232c; color: #268bd2; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #dc322f; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #003340; color: #a1adad; } #message_edit_container .message_input { background: #003340; border-color: #00232c; color: #a1adad; } #message_edit_container .message_input.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(0, 51, 64, 0.5); color: #002b36; } @@ -326,6 +325,14 @@ .highlighter_underlay .modifier.incomplete::before { background: #00232c; border: 1px solid #00171d; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(0, 63, 80, 0.25); border: #003340; } .highlighter_underlay .ghost_text { color: #a1adad; } + .c-texty_autocomplete__body { background-color: #002b36; } + .c-texty_autocomplete--commands { background: #002b36; box-shadow: 0 0 0 1px #003340, 0 4px 12px 0 #003340; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #00232c; color: #a1adad; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #002b36; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #268bd2; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #002b36; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #00232c; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #a1adad; } .pickmeup { background: #002b36; border: 1px solid #00232c; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #a1adad; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #00232c !important; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #268bd2; } .p-classic_nav { background: #00232c; } .p-classic_nav__model__button { color: #a1adad; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #003f50; } .p-classic_nav__model__title__info { color: #a1adad; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #002b36; color: #a1adad; } .p-classic_nav__model__title__name--dim { color: #003f50; } .p-classic_nav__right__button { color: #a1adad; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #a1adad; } .p-classic_nav__right__search:hover { border-color: #003f50; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #003f50; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #a1adad; } + .p-classic_nav__team_header { background: #00232c; } + .p-classic_nav__model__title__info__topic__edit { color: #268bd2; } .c-message_list__day_divider__label { color: #2aa198; } .c-message_list__day_divider__label__pill { background: #002b36; position: relative; } .c-message_list__day_divider__line { border-top-color: #00232c; } @@ -475,6 +486,8 @@ #msgs_overlay_div { background: #002b36; } #col_messages { box-shadow: inset 1px 0 0 0 #002b36; } .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 { background-color: #b58900; color: #00232c; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #00232c; color: #a1adad; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #002b36; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #2aa198; } .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: #2aa198; } .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, 23, 29, 0.1); } @@ -534,6 +547,7 @@ .c-message_list__spinner { color: #2aa198; } .c-message_list .c-scrollbar__bar { background: #002b36; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(0, 63, 80, 0.8); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #00171d; border-color: #00232c; } ts-message { color: #a1adad; } 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, 23, 29, 0.1); box-shadow: inset 1px 0 0 0 #002b36; } 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, 23, 29, 0.2); } @@ -651,6 +665,7 @@ .c-message__file_meta { color: #2aa198; } .c-message__image_container { background: rgba(0, 23, 29, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } + .c-message_kit { background: #00232c; } .c-message_kit__labels__label { color: #2aa198; } .c-message_kit__file__meta { color: #a1adad; } .attachment_group.has_container { background: #002b36; border: 1px solid #00232c; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #a1adad; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #a1adad; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #00232c; background-image: none; color: #a1adad; } .p-message_pane__unread_banner__banner { background: #003340; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #a1adad; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -875,6 +891,9 @@ .p-threads_view_reply--new_reply { background: #00232c; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #00232c; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #00232c; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #003340; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #268bd2; } + .p-workspace__input .p-message_input_file_button:hover { background: #002b36; color: #268bd2; } ts-thread { background: #002b36; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #00232c; color: #a1adad; } 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: #00232c; border-color: #00232c; } @@ -1006,8 +1025,11 @@ .p-flexpane_header { background-color: #00232c; border-bottom-color: #002b36; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #a1adad; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #dc322f; } + .p-flexpane__body--empty { background-color: #002b36; } .p-flexpane__body .p-thread_drag_overlay { background-color: #00232c; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #a1adad; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #268bd2; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #dc322f; } #file_list_toggle_users { color: #268bd2; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #dc322f; } #file_list_toggle_users.active { color: #2aa198; } @@ -1093,7 +1115,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #a1adad; } - .c-pillow_file__slide { background-color: #00171d; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #00171d; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #00171d; } .c-pillow_file_container { background-color: #00171d; } .p-file_list, .p-file_list__filters { background: #00232c; } .p-file_list__filters { border-color: #00232c; } @@ -1109,6 +1132,8 @@ #user_groups_header .user_groups_search .icon_search { color: #2aa198; } #user_groups_header a.icon_close { color: #268bd2; } #user_groups_header a.icon_close:hover { color: #dc322f; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #00232c; } .user_group_item { border-bottom: 1px solid #003340; } .user_group_item a { color: #268bd2; } #flex_contents .user_group_item:hover { background-color: #002b36; } @@ -1427,6 +1452,8 @@ .notification_prefs_icon::before { color: #a1adad; } .channel_header .channel_header__tabs .channel_header__tab { color: #268bd2; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #dc322f; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #002b36; } .channel_modal_header { color: #a1adad; } #channel_browser .channel_browser_row { border-top: 1px solid #00232c; color: #a1adad; } #channel_browser .channel_browser_row_header { color: #a1adad; } @@ -1574,6 +1601,9 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #00171d, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #00171d; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #00171d transparent transparent; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #a1adad; } + .p-member_profile_field__label { color: #a1adad; } ts-jumper ts-jumper-container { background: #002b36; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #002b36; color: #2aa198; } ts-jumper input[type=text] { border: 1px solid #00171d !important; color: #a1adad; } @@ -2040,7 +2070,7 @@ .quote_block::before { background-color: #003340; } .well { background: #00171d; border-color: #000f12; color: #a1adad; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #2aa198; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #003340; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #003340; } .c-tabs__tab { color: #2aa198; } .c-tabs__tab:hover { color: #a1adad; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #003f50; color: #a1adad; } diff --git a/css/variants/solarized-light.css b/css/variants/solarized-light.css index 44e1a80a..d1dbfbd9 100644 --- a/css/variants/solarized-light.css +++ b/css/variants/solarized-light.css @@ -154,10 +154,9 @@ .c-filter_input { background: #fef9ed; } .p-share_dialog_message_input { color: #586e75; } .c-texty_input .ql-placeholder { color: #586e75; } - .c-texty_autocomplete { background: #fdf6e3; box-shadow: 0 0 0 1px #fffefb, 0 4px 12px 0 #fffefb; } - .c-texty_autocomplete__result--selected { background: #fdf6e3; } - .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #fcf3d9; } - .p-workspace__input .p-message_input_field { background: #fdf6e3; } + .p-workspace__input .p-message_input_field { background: #fdf6e3; border-color: #fef9ed; } + .p-workspace__primary_view_footer { border-color: #fcf3d9; } + .p-workspace__secondary_view { border-color: #fcf3d9; } .ts_toggle .ts_toggle_button { background: #fbeecb; color: #586e75; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #fcf3d9; } .ts_toggle .ts_toggle_secondary_label { color: #2aa198; } @@ -220,14 +219,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } .inline_message_input_container .ql-container { border-color: #fef9ed; color: #586e75; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #fffefb; } - .c-message--editing { background: #fcf3d9; border-color: #fcf3d9; color: #586e75; } - .c-message__editor__input, .c-message__editor__input--legacy { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning { color: #dc322f; } - .c-message .c-button { border-color: #fdf6e3; } - .c-message .c-button--outline { background-color: #fcf3d9; color: #268bd2; } - .c-message .c-button--outline:hover { color: #dc322f; } - .c-message .c-button--primary { background-color: #fef9ed; color: #586e75; } + .c-message--editing, .p-channel_details_section--editing { background: #fcf3d9; border-color: #fcf3d9; color: #586e75; } + .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #dc322f; } + .c-message .c-button, .p-channel_details_section .c-button { border-color: #fdf6e3; } + .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #fcf3d9; color: #268bd2; } + .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #dc322f; } + .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #fef9ed; color: #586e75; } #message_edit_container .message_input { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } #message_edit_container .message_input.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(254, 249, 237, 0.5); color: #fdf6e3; } @@ -326,6 +325,14 @@ .highlighter_underlay .modifier.incomplete::before { background: #fcf3d9; border: 1px solid #fbeecb; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(255, 254, 251, 0.25); border: #fef9ed; } .highlighter_underlay .ghost_text { color: #586e75; } + .c-texty_autocomplete__body { background-color: #fdf6e3; } + .c-texty_autocomplete--commands { background: #fdf6e3; box-shadow: 0 0 0 1px #fef9ed, 0 4px 12px 0 #fef9ed; } + .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #fcf3d9; color: #586e75; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #fdf6e3; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #268bd2; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #fdf6e3; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #fcf3d9; } + .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #586e75; } .pickmeup { background: #fdf6e3; border: 1px solid #fcf3d9; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #586e75; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #fcf3d9 !important; } @@ -426,15 +433,19 @@ #edit_topic_trigger { color: #268bd2; } .p-classic_nav { background: #fcf3d9; } .p-classic_nav__model__button { color: #586e75; } + .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #fffefb; } .p-classic_nav__model__title__info { color: #586e75; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #fdf6e3; color: #586e75; } .p-classic_nav__model__title__name--dim { color: #fffefb; } .p-classic_nav__right__button { color: #586e75; } + .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #586e75; } .p-classic_nav__right__search:hover { border-color: #fffefb; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #fffefb; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #586e75; } + .p-classic_nav__team_header { background: #fcf3d9; } + .p-classic_nav__model__title__info__topic__edit { color: #268bd2; } .c-message_list__day_divider__label { color: #2aa198; } .c-message_list__day_divider__label__pill { background: #fdf6e3; position: relative; } .c-message_list__day_divider__line { border-top-color: #fcf3d9; } @@ -475,6 +486,8 @@ #msgs_overlay_div { background: #fdf6e3; } #col_messages { box-shadow: inset 1px 0 0 0 #fdf6e3; } .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 { background-color: #b58900; color: #fcf3d9; } + .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #fcf3d9; color: #586e75; } + .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #fdf6e3; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #2aa198; } .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: #2aa198; } .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(251, 238, 203, 0.1); } @@ -534,6 +547,7 @@ .c-message_list__spinner { color: #2aa198; } .c-message_list .c-scrollbar__bar { background: #fdf6e3; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(255, 254, 251, 0.8); } + .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #fbeecb; border-color: #fcf3d9; } ts-message { color: #586e75; } 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(251, 238, 203, 0.1); box-shadow: inset 1px 0 0 0 #fdf6e3; } 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(251, 238, 203, 0.2); } @@ -651,6 +665,7 @@ .c-message__file_meta { color: #2aa198; } .c-message__image_container { background: rgba(251, 238, 203, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } + .c-message_kit { background: #fcf3d9; } .c-message_kit__labels__label { color: #2aa198; } .c-message_kit__file__meta { color: #586e75; } .attachment_group.has_container { background: #fdf6e3; border: 1px solid #fcf3d9; } @@ -739,6 +754,7 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #586e75; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #586e75; } + .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #fcf3d9; background-image: none; color: #586e75; } .p-message_pane__unread_banner__banner { background: #fef9ed; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #586e75; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -875,6 +891,9 @@ .p-threads_view_reply--new_reply { background: #fcf3d9; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #fcf3d9; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #fcf3d9; } + .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #fef9ed; } + .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #268bd2; } + .p-workspace__input .p-message_input_file_button:hover { background: #fdf6e3; color: #268bd2; } ts-thread { background: #fdf6e3; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #fcf3d9; color: #586e75; } 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: #fcf3d9; border-color: #fcf3d9; } @@ -1006,8 +1025,11 @@ .p-flexpane_header { background-color: #fcf3d9; border-bottom-color: #fdf6e3; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #586e75; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #dc322f; } + .p-flexpane__body--empty { background-color: #fdf6e3; } .p-flexpane__body .p-thread_drag_overlay { background-color: #fcf3d9; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #586e75; } + .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #268bd2; } + .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #dc322f; } #file_list_toggle_users { color: #268bd2; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #dc322f; } #file_list_toggle_users.active { color: #2aa198; } @@ -1093,7 +1115,8 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #586e75; } - .c-pillow_file__slide { background-color: #fbeecb; } + .c-pillow_file__snippet__content .CodeMirror { background-color: #fbeecb; } + .c-pillow_file__slide, .c-pillow_file__swap { background-color: #fbeecb; } .c-pillow_file_container { background-color: #fbeecb; } .p-file_list, .p-file_list__filters { background: #fcf3d9; } .p-file_list__filters { border-color: #fcf3d9; } @@ -1109,6 +1132,8 @@ #user_groups_header .user_groups_search .icon_search { color: #2aa198; } #user_groups_header a.icon_close { color: #268bd2; } #user_groups_header a.icon_close:hover { color: #dc322f; } + .p-user_group_base_row__list_item { background: transparent; } + .p-user_group_base_row__list_item:hover { background: #fcf3d9; } .user_group_item { border-bottom: 1px solid #fef9ed; } .user_group_item a { color: #268bd2; } #flex_contents .user_group_item:hover { background-color: #fdf6e3; } @@ -1427,6 +1452,8 @@ .notification_prefs_icon::before { color: #586e75; } .channel_header .channel_header__tabs .channel_header__tab { color: #268bd2; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #dc322f; } + .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } + .p-highlights_section__group_title_label { background: #fdf6e3; } .channel_modal_header { color: #586e75; } #channel_browser .channel_browser_row { border-top: 1px solid #fcf3d9; color: #586e75; } #channel_browser .channel_browser_row_header { color: #586e75; } @@ -1574,6 +1601,9 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #fbeecb, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #fbeecb; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #fbeecb transparent transparent; } + .p-member_profile_card { background: #222222; } + .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #586e75; } + .p-member_profile_field__label { color: #586e75; } ts-jumper ts-jumper-container { background: #fdf6e3; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #fdf6e3; color: #2aa198; } ts-jumper input[type=text] { border: 1px solid #fbeecb !important; color: #586e75; } @@ -2040,7 +2070,7 @@ .quote_block::before { background-color: #fef9ed; } .well { background: #fbeecb; border-color: #fbebc2; color: #586e75; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #2aa198; } - .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #fef9ed; } + .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #fef9ed; } .c-tabs__tab { color: #2aa198; } .c-tabs__tab:hover { color: #586e75; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #fffefb; color: #586e75; } diff --git a/scss/modules/header/_base.scss b/scss/modules/header/_base.scss index f22403c6..88ef9bb0 100644 --- a/scss/modules/header/_base.scss +++ b/scss/modules/header/_base.scss @@ -208,3 +208,7 @@ background: $color-shade-dark; } } + +.p-classic_nav__model__title__info__topic__edit { + color: $base-link-color; +} From 311fe582c03e0ee25b9fdc6db2795a708fdb3cf2 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Thu, 29 Aug 2019 09:13:41 -0400 Subject: [PATCH 06/21] Revert "Update Channel Edit Button Color" This reverts commit dad4a88cfc86cbbae5d6f452be4de84d3b7694b6. --- css/black.css | 60 +++--------- css/raw/black.css | 92 ++++--------------- css/raw/variants/arc-dark.css | 90 +++--------------- css/raw/variants/aubergine-monospaced.css | 90 +++--------------- css/raw/variants/aubergine.css | 90 +++--------------- css/raw/variants/black-monospaced.css | 92 ++++--------------- css/raw/variants/gruvbox-dark.css | 90 +++--------------- css/raw/variants/midnight-blue-monospaced.css | 92 ++++--------------- css/raw/variants/midnight-blue.css | 92 ++++--------------- css/raw/variants/solarized-dark.css | 90 +++--------------- css/raw/variants/solarized-light.css | 90 +++--------------- css/variants/arc-dark.css | 58 +++--------- css/variants/aubergine-monospaced.css | 58 +++--------- css/variants/aubergine.css | 58 +++--------- css/variants/black-monospaced.css | 60 +++--------- css/variants/gruvbox-dark.css | 58 +++--------- css/variants/midnight-blue-monospaced.css | 60 +++--------- css/variants/midnight-blue.css | 60 +++--------- css/variants/solarized-dark.css | 58 +++--------- css/variants/solarized-light.css | 58 +++--------- scss/modules/header/_base.scss | 4 - 21 files changed, 298 insertions(+), 1202 deletions(-) diff --git a/css/black.css b/css/black.css index a72bd3ad..a9df34de 100644 --- a/css/black.css +++ b/css/black.css @@ -129,7 +129,7 @@ .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.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9b9b; } .btn_basic:focus, .btn_basic:hover { color: #e6e6e6; } .btn_outline { background: #222; color: #949494 !important; } .btn_outline::after { border: 1px solid #424242; } @@ -154,9 +154,10 @@ .c-filter_input { background: #545454; } .p-share_dialog_message_input { color: #e6e6e6; } .c-texty_input .ql-placeholder { color: #e6e6e6; } - .p-workspace__input .p-message_input_field { background: #222; border-color: #545454; } - .p-workspace__primary_view_footer { border-color: #363636; } - .p-workspace__secondary_view { border-color: #363636; } + .c-texty_autocomplete { background: #222; box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282; } + .c-texty_autocomplete__result--selected { background: #424242; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #363636; } + .p-workspace__input .p-message_input_field { background: #222; } .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; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #545454; border-color: #363636; color: #e6e6e6; } .inline_message_input_container .ql-container { border-color: #545454; color: #e6e6e6; } .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, .p-channel_details_section--editing { background: #363636; border-color: #363636; color: #e6e6e6; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #424242; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #363636; color: #949494; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #c7c7c7; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #545454; color: #e6e6e6; } + .c-message--editing { background: #363636; border-color: #363636; color: #e6e6e6; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #bf360c; } + .c-message .c-button { border-color: #424242; } + .c-message .c-button--outline { background-color: #363636; color: #949494; } + .c-message .c-button--outline:hover { color: #c7c7c7; } + .c-message .c-button--primary { background-color: #545454; color: #e6e6e6; } #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; } @@ -325,14 +326,6 @@ .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; } - .c-texty_autocomplete__body { background-color: #222; } - .c-texty_autocomplete--commands { background: #222; box-shadow: 0 0 0 1px #545454, 0 4px 12px 0 #545454; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #363636; color: #e6e6e6; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #222; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #949494; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #424242; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #363636; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { 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; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #949494; } .p-classic_nav { background: #363636; } .p-classic_nav__model__button { color: #e6e6e6; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #828282; } .p-classic_nav__model__title__info { color: #e6e6e6; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #222; color: #e6e6e6; } .p-classic_nav__model__title__name--dim { color: #828282; } .p-classic_nav__right__button { color: #e6e6e6; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #e6e6e6; } .p-classic_nav__right__search:hover { border-color: #828282; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #828282; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #e6e6e6; } - .p-classic_nav__team_header { background: #363636; } - .p-classic_nav__model__title__info__topic__edit { 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; } @@ -486,8 +475,6 @@ #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 { background-color: #fff6d1; color: #363636; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #363636; color: #e6e6e6; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #424242; } .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); } @@ -547,7 +534,6 @@ .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); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #000; border-color: #363636; } 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); } @@ -665,7 +651,6 @@ .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; } - .c-message_kit { background: #363636; } .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #e6e6e6; } .attachment_group.has_container { background: #222; border: 1px solid #363636; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #e6e6e6; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; } .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); } @@ -891,9 +875,6 @@ .p-threads_view_reply--new_reply { background: #363636; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #363636; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #363636; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #545454; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #949494; } - .p-workspace__input .p-message_input_file_button:hover { background: #424242; color: #949494; } 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; } @@ -1025,11 +1006,8 @@ .p-flexpane_header { background-color: #363636; border-bottom-color: #424242; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #e6e6e6; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #c7c7c7; } - .p-flexpane__body--empty { background-color: #222; } .p-flexpane__body .p-thread_drag_overlay { background-color: #363636; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #e6e6e6; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #949494; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #c7c7c7; } #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; } @@ -1115,8 +1093,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #e6e6e6; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #000; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #000; } + .c-pillow_file__slide { background-color: #000; } .c-pillow_file_container { background-color: #000; } .p-file_list, .p-file_list__filters { background: #363636; } .p-file_list__filters { border-color: #363636; } @@ -1132,8 +1109,6 @@ #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; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #363636; } .user_group_item { border-bottom: 1px solid #545454; } .user_group_item a { color: #949494; } #flex_contents .user_group_item:hover { background-color: #222; } @@ -1452,8 +1427,6 @@ .notification_prefs_icon::before { color: #e6e6e6; } .channel_header .channel_header__tabs .channel_header__tab { color: #949494; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #c7c7c7; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #424242; } .channel_modal_header { color: #e6e6e6; } #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; } #channel_browser .channel_browser_row_header { color: #e6e6e6; } @@ -1601,9 +1574,6 @@ .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; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #e6e6e6; } - .p-member_profile_field__label { color: #e6e6e6; } ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; } ts-jumper input[type=text] { border: 1px solid #000 !important; color: #e6e6e6; } @@ -2070,7 +2040,7 @@ .quote_block::before { background-color: #545454; } .well { background: #000; border-color: black; color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } .c-tabs__tab { color: #949494; } .c-tabs__tab:hover { color: #e6e6e6; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #828282; color: #e6e6e6; } diff --git a/css/raw/black.css b/css/raw/black.css index 2a671c0f..941767da 100644 --- a/css/raw/black.css +++ b/css/raw/black.css @@ -260,7 +260,7 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .btn.btn_attachment.btn_primary { border-color: #828282; } -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9c9c; } +.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9b9b; } .btn_basic:focus, .btn_basic:hover { color: #e6e6e6; } @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #e6e6e6; } -.p-workspace__input .p-message_input_field { background: #222; border-color: #545454; } +.c-texty_autocomplete { background: #222; box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282; } -.p-workspace__primary_view_footer { border-color: #363636; } +.c-texty_autocomplete__result--selected { background: #424242; } -.p-workspace__secondary_view { border-color: #363636; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #363636; } + +.p-workspace__input .p-message_input_field { background: #222; } .ts_toggle .ts_toggle_button { background: #000; color: #e6e6e6; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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, .p-channel_details_section--editing { background: #363636; border-color: #363636; color: #e6e6e6; } +.c-message--editing { background: #363636; border-color: #363636; color: #e6e6e6; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } +.c-message__editor__warning { color: #bf360c; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #424242; } +.c-message .c-button { border-color: #424242; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #363636; color: #949494; } +.c-message .c-button--outline { background-color: #363636; color: #949494; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #c7c7c7; } +.c-message .c-button--outline:hover { color: #c7c7c7; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #545454; color: #e6e6e6; } +.c-message .c-button--primary { background-color: #545454; color: #e6e6e6; } #message_edit_container .message_input { background: #545454; border-color: #363636; color: #e6e6e6; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #e6e6e6; } -.c-texty_autocomplete__body { background-color: #222; } - -.c-texty_autocomplete--commands { background: #222; box-shadow: 0 0 0 1px #545454, 0 4px 12px 0 #545454; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #363636; color: #e6e6e6; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #222; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #949494; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #424242; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #363636; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { 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; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #e6e6e6; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #828282; } .p-classic_nav__model__title__info { color: #e6e6e6; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #e6e6e6; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #e6e6e6; } .p-classic_nav__right__search:hover { border-color: #828282; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #e6e6e6; } -.p-classic_nav__team_header { background: #363636; } - -.p-classic_nav__model__title__info__topic__edit { color: #949494; } - .c-message_list__day_divider__label { color: #949494; } .c-message_list__day_divider__label__pill { background: #222; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #363636; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #363636; color: #e6e6e6; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #424242; } - .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; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #000; border-color: #363636; } - 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; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(130, 130, 130, 0.1) !important; color: #e6e6e6 !im .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #363636; } - .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #e6e6e6; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #222; border-color: #000; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; } .p-message_pane__unread_banner__banner { background: #545454; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1781,12 +1749,6 @@ body > pre { background: #828282; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #363636; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #545454; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #949494; } - -.p-workspace__input .p-message_input_file_button:hover { background: #424242; color: #949494; } - ts-thread { background: #222; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #363636; color: #e6e6e6; } @@ -2049,16 +2011,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #c7c7c7; } -.p-flexpane__body--empty { background-color: #222; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #363636; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #e6e6e6; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #949494; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #c7c7c7; } - #file_list_toggle_users { color: #949494; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #c7c7c7; } @@ -2229,9 +2185,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #e6e6e6; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #000; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #000; } +.c-pillow_file__slide { background-color: #000; } .c-pillow_file_container { background-color: #000; } @@ -2263,10 +2217,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; } #user_groups_header a.icon_close:hover { color: #c7c7c7; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #363636; } - .user_group_item { border-bottom: 1px solid #545454; } .user_group_item a { color: #949494; } @@ -2903,10 +2853,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #c7c7c7; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #424242; } - .channel_modal_header { color: #e6e6e6; } #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; } @@ -3201,12 +3147,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #000 transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #e6e6e6; } - -.p-member_profile_field__label { color: #e6e6e6; } - ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; } @@ -4138,7 +4078,7 @@ a.plastic_typeahead_item { color: #e6e6e6; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } .c-tabs__tab { color: #949494; } diff --git a/css/raw/variants/arc-dark.css b/css/raw/variants/arc-dark.css index aef81824..2f4ea071 100644 --- a/css/raw/variants/arc-dark.css +++ b/css/raw/variants/arc-dark.css @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #d3dae3; } -.p-workspace__input .p-message_input_field { background: #404552; border-color: #6b6f79; } +.c-texty_autocomplete { background: #404552; box-shadow: 0 0 0 1px #858991, 0 4px 12px 0 #858991; } -.p-workspace__primary_view_footer { border-color: #2a2f39; } +.c-texty_autocomplete__result--selected { background: #454c5c; } -.p-workspace__secondary_view { border-color: #2a2f39; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #2a2f39; } + +.p-workspace__input .p-message_input_field { background: #404552; } .ts_toggle .ts_toggle_button { background: #1d2027; color: #d3dae3; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #858991; } -.c-message--editing, .p-channel_details_section--editing { background: #2a2f39; border-color: #2a2f39; color: #d3dae3; } +.c-message--editing { background: #2a2f39; border-color: #2a2f39; color: #d3dae3; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } +.c-message__editor__warning { color: #bf360c; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #454c5c; } +.c-message .c-button { border-color: #454c5c; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #2a2f39; color: #90939b; } +.c-message .c-button--outline { background-color: #2a2f39; color: #90939b; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #90939b; } +.c-message .c-button--outline:hover { color: #90939b; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #6b6f79; color: #d3dae3; } +.c-message .c-button--primary { background-color: #6b6f79; color: #d3dae3; } #message_edit_container .message_input { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #d3dae3; } -.c-texty_autocomplete__body { background-color: #404552; } - -.c-texty_autocomplete--commands { background: #404552; box-shadow: 0 0 0 1px #6b6f79, 0 4px 12px 0 #6b6f79; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #2a2f39; color: #d3dae3; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #404552; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #90939b; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #454c5c; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #2a2f39; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #d3dae3; } - .pickmeup { background: #404552; border: 1px solid #2a2f39; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #d3dae3; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #d3dae3; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #858991; } .p-classic_nav__model__title__info { color: #d3dae3; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #d3dae3; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #d3dae3; } .p-classic_nav__right__search:hover { border-color: #858991; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #d3dae3; } -.p-classic_nav__team_header { background: #2a2f39; } - -.p-classic_nav__model__title__info__topic__edit { color: #90939b; } - .c-message_list__day_divider__label { color: #949494; } .c-message_list__day_divider__label__pill { background: #404552; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #2a2f39; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #2a2f39; color: #d3dae3; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #454c5c; } - .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; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(133, 137, 145, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #1d2027; border-color: #2a2f39; } - ts-message { color: #d3dae3; } 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(29, 32, 39, 0.1); box-shadow: inset 1px 0 0 0 #404552; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(133, 137, 145, 0.1) !important; color: #d3dae3 !im .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #2a2f39; } - .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #d3dae3; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #404552; border-color: #1d2027; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #d3dae3; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #2a2f39; background-image: none; color: #d3dae3; } .p-message_pane__unread_banner__banner { background: #6b6f79; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1781,12 +1749,6 @@ body > pre { background: #858991; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #2a2f39; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #6b6f79; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #90939b; } - -.p-workspace__input .p-message_input_file_button:hover { background: #454c5c; color: #90939b; } - ts-thread { background: #404552; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #2a2f39; color: #d3dae3; } @@ -2049,16 +2011,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #90939b; } -.p-flexpane__body--empty { background-color: #404552; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #2a2f39; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #d3dae3; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #90939b; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #90939b; } - #file_list_toggle_users { color: #90939b; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #90939b; } @@ -2229,9 +2185,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #d3dae3; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #d3dae3; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #1d2027; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #1d2027; } +.c-pillow_file__slide { background-color: #1d2027; } .c-pillow_file_container { background-color: #1d2027; } @@ -2263,10 +2217,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #d3dae3; } #user_groups_header a.icon_close:hover { color: #90939b; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #2a2f39; } - .user_group_item { border-bottom: 1px solid #6b6f79; } .user_group_item a { color: #90939b; } @@ -2903,10 +2853,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #90939b; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #454c5c; } - .channel_modal_header { color: #d3dae3; } #channel_browser .channel_browser_row { border-top: 1px solid #2a2f39; color: #d3dae3; } @@ -3201,12 +3147,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #1d2027 transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #d3dae3; } - -.p-member_profile_field__label { color: #d3dae3; } - ts-jumper ts-jumper-container { background: #404552; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #404552; color: #949494; } @@ -4138,7 +4078,7 @@ a.plastic_typeahead_item { color: #d3dae3; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #6b6f79; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #6b6f79; } .c-tabs__tab { color: #949494; } diff --git a/css/raw/variants/aubergine-monospaced.css b/css/raw/variants/aubergine-monospaced.css index 41acef8d..d1880774 100644 --- a/css/raw/variants/aubergine-monospaced.css +++ b/css/raw/variants/aubergine-monospaced.css @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #f0d9ed; } -.p-workspace__input .p-message_input_field { background: #3e313c; border-color: #61485e; } +.c-texty_autocomplete { background: #3e313c; box-shadow: 0 0 0 1px #876484, 0 4px 12px 0 #876484; } -.p-workspace__primary_view_footer { border-color: #4d394b; } +.c-texty_autocomplete__result--selected { background: #4a3b49; } -.p-workspace__secondary_view { border-color: #4d394b; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } + +.p-workspace__input .p-message_input_field { background: #3e313c; } .ts_toggle .ts_toggle_button { background: #372c36; color: #f0d9ed; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #876484; } -.c-message--editing, .p-channel_details_section--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } +.c-message--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } +.c-message__editor__warning { color: #bf360c; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #4a3b49; } +.c-message .c-button { border-color: #4a3b49; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #4d394b; color: #a3839f; } +.c-message .c-button--outline { background-color: #4d394b; color: #a3839f; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #d4bbd1; } +.c-message .c-button--outline:hover { color: #d4bbd1; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #61485e; color: #f0d9ed; } +.c-message .c-button--primary { background-color: #61485e; color: #f0d9ed; } #message_edit_container .message_input { background: #61485e; border-color: #4d394b; color: #f0d9ed; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #f0d9ed; } -.c-texty_autocomplete__body { background-color: #3e313c; } - -.c-texty_autocomplete--commands { background: #3e313c; box-shadow: 0 0 0 1px #61485e, 0 4px 12px 0 #61485e; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #4d394b; color: #f0d9ed; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #3e313c; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #a3839f; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #4a3b49; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f0d9ed; } - .pickmeup { background: #3e313c; border: 1px solid #4d394b; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f0d9ed; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #f0d9ed; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #876484; } .p-classic_nav__model__title__info { color: #f0d9ed; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #f0d9ed; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #f0d9ed; } .p-classic_nav__right__search:hover { border-color: #876484; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f0d9ed; } -.p-classic_nav__team_header { background: #4d394b; } - -.p-classic_nav__model__title__info__topic__edit { color: #a3839f; } - .c-message_list__day_divider__label { color: #a3839f; } .c-message_list__day_divider__label__pill { background: #3e313c; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #4d394b; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #4d394b; color: #f0d9ed; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #4a3b49; } - .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #a3839f; } .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: #a3839f; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(135, 100, 132, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #372c36; border-color: #4d394b; } - ts-message { color: #f0d9ed; } 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(55, 44, 54, 0.1); box-shadow: inset 1px 0 0 0 #3e313c; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(135, 100, 132, 0.1) !important; color: #f0d9ed !im .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #4d394b; } - .c-message_kit__labels__label { color: #a3839f; } .c-message_kit__file__meta { color: #f0d9ed; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #3e313c; border-color: #372c36; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f0d9ed; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #4d394b; background-image: none; color: #f0d9ed; } .p-message_pane__unread_banner__banner { background: #61485e; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1785,12 +1753,6 @@ body > pre { background: #876484; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #4d394b; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #61485e; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #a3839f; } - -.p-workspace__input .p-message_input_file_button:hover { background: #4a3b49; color: #a3839f; } - ts-thread { background: #3e313c; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #4d394b; color: #f0d9ed; } @@ -2053,16 +2015,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #d4bbd1; } -.p-flexpane__body--empty { background-color: #3e313c; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #4d394b; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f0d9ed; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #a3839f; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #d4bbd1; } - #file_list_toggle_users { color: #a3839f; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #d4bbd1; } @@ -2233,9 +2189,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f0d9ed; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f0d9ed; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #372c36; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #372c36; } +.c-pillow_file__slide { background-color: #372c36; } .c-pillow_file_container { background-color: #372c36; } @@ -2267,10 +2221,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f0d9ed; } #user_groups_header a.icon_close:hover { color: #d4bbd1; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #4d394b; } - .user_group_item { border-bottom: 1px solid #61485e; } .user_group_item a { color: #a3839f; } @@ -2907,10 +2857,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #d4bbd1; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #4a3b49; } - .channel_modal_header { color: #f0d9ed; } #channel_browser .channel_browser_row { border-top: 1px solid #4d394b; color: #f0d9ed; } @@ -3205,12 +3151,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #372c36 transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f0d9ed; } - -.p-member_profile_field__label { color: #f0d9ed; } - ts-jumper ts-jumper-container { background: #3e313c; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #3e313c; color: #a3839f; } @@ -4142,7 +4082,7 @@ a.plastic_typeahead_item { color: #f0d9ed; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #a3839f; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } .c-tabs__tab { color: #a3839f; } diff --git a/css/raw/variants/aubergine.css b/css/raw/variants/aubergine.css index 5a38ed3a..1b7daaec 100644 --- a/css/raw/variants/aubergine.css +++ b/css/raw/variants/aubergine.css @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #f0d9ed; } -.p-workspace__input .p-message_input_field { background: #3e313c; border-color: #61485e; } +.c-texty_autocomplete { background: #3e313c; box-shadow: 0 0 0 1px #876484, 0 4px 12px 0 #876484; } -.p-workspace__primary_view_footer { border-color: #4d394b; } +.c-texty_autocomplete__result--selected { background: #4a3b49; } -.p-workspace__secondary_view { border-color: #4d394b; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } + +.p-workspace__input .p-message_input_field { background: #3e313c; } .ts_toggle .ts_toggle_button { background: #372c36; color: #f0d9ed; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #876484; } -.c-message--editing, .p-channel_details_section--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } +.c-message--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } +.c-message__editor__warning { color: #bf360c; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #4a3b49; } +.c-message .c-button { border-color: #4a3b49; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #4d394b; color: #a3839f; } +.c-message .c-button--outline { background-color: #4d394b; color: #a3839f; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #d4bbd1; } +.c-message .c-button--outline:hover { color: #d4bbd1; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #61485e; color: #f0d9ed; } +.c-message .c-button--primary { background-color: #61485e; color: #f0d9ed; } #message_edit_container .message_input { background: #61485e; border-color: #4d394b; color: #f0d9ed; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #f0d9ed; } -.c-texty_autocomplete__body { background-color: #3e313c; } - -.c-texty_autocomplete--commands { background: #3e313c; box-shadow: 0 0 0 1px #61485e, 0 4px 12px 0 #61485e; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #4d394b; color: #f0d9ed; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #3e313c; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #a3839f; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #4a3b49; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f0d9ed; } - .pickmeup { background: #3e313c; border: 1px solid #4d394b; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f0d9ed; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #f0d9ed; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #876484; } .p-classic_nav__model__title__info { color: #f0d9ed; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #f0d9ed; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #f0d9ed; } .p-classic_nav__right__search:hover { border-color: #876484; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f0d9ed; } -.p-classic_nav__team_header { background: #4d394b; } - -.p-classic_nav__model__title__info__topic__edit { color: #a3839f; } - .c-message_list__day_divider__label { color: #a3839f; } .c-message_list__day_divider__label__pill { background: #3e313c; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #4d394b; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #4d394b; color: #f0d9ed; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #4a3b49; } - .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #a3839f; } .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: #a3839f; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(135, 100, 132, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #372c36; border-color: #4d394b; } - ts-message { color: #f0d9ed; } 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(55, 44, 54, 0.1); box-shadow: inset 1px 0 0 0 #3e313c; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(135, 100, 132, 0.1) !important; color: #f0d9ed !im .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #4d394b; } - .c-message_kit__labels__label { color: #a3839f; } .c-message_kit__file__meta { color: #f0d9ed; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #3e313c; border-color: #372c36; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f0d9ed; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #4d394b; background-image: none; color: #f0d9ed; } .p-message_pane__unread_banner__banner { background: #61485e; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1781,12 +1749,6 @@ body > pre { background: #876484; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #4d394b; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #61485e; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #a3839f; } - -.p-workspace__input .p-message_input_file_button:hover { background: #4a3b49; color: #a3839f; } - ts-thread { background: #3e313c; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #4d394b; color: #f0d9ed; } @@ -2049,16 +2011,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #d4bbd1; } -.p-flexpane__body--empty { background-color: #3e313c; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #4d394b; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f0d9ed; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #a3839f; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #d4bbd1; } - #file_list_toggle_users { color: #a3839f; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #d4bbd1; } @@ -2229,9 +2185,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f0d9ed; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f0d9ed; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #372c36; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #372c36; } +.c-pillow_file__slide { background-color: #372c36; } .c-pillow_file_container { background-color: #372c36; } @@ -2263,10 +2217,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f0d9ed; } #user_groups_header a.icon_close:hover { color: #d4bbd1; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #4d394b; } - .user_group_item { border-bottom: 1px solid #61485e; } .user_group_item a { color: #a3839f; } @@ -2903,10 +2853,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #d4bbd1; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #4a3b49; } - .channel_modal_header { color: #f0d9ed; } #channel_browser .channel_browser_row { border-top: 1px solid #4d394b; color: #f0d9ed; } @@ -3201,12 +3147,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #372c36 transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f0d9ed; } - -.p-member_profile_field__label { color: #f0d9ed; } - ts-jumper ts-jumper-container { background: #3e313c; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #3e313c; color: #a3839f; } @@ -4138,7 +4078,7 @@ a.plastic_typeahead_item { color: #f0d9ed; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #a3839f; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } .c-tabs__tab { color: #a3839f; } diff --git a/css/raw/variants/black-monospaced.css b/css/raw/variants/black-monospaced.css index 2806cdfa..39c03e6b 100644 --- a/css/raw/variants/black-monospaced.css +++ b/css/raw/variants/black-monospaced.css @@ -260,7 +260,7 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .btn.btn_attachment.btn_primary { border-color: #828282; } -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9c9c; } +.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9b9b; } .btn_basic:focus, .btn_basic:hover { color: #e6e6e6; } @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #e6e6e6; } -.p-workspace__input .p-message_input_field { background: #222; border-color: #545454; } +.c-texty_autocomplete { background: #222; box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282; } -.p-workspace__primary_view_footer { border-color: #363636; } +.c-texty_autocomplete__result--selected { background: #424242; } -.p-workspace__secondary_view { border-color: #363636; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #363636; } + +.p-workspace__input .p-message_input_field { background: #222; } .ts_toggle .ts_toggle_button { background: #000; color: #e6e6e6; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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, .p-channel_details_section--editing { background: #363636; border-color: #363636; color: #e6e6e6; } +.c-message--editing { background: #363636; border-color: #363636; color: #e6e6e6; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } +.c-message__editor__warning { color: #bf360c; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #424242; } +.c-message .c-button { border-color: #424242; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #363636; color: #949494; } +.c-message .c-button--outline { background-color: #363636; color: #949494; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #c7c7c7; } +.c-message .c-button--outline:hover { color: #c7c7c7; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #545454; color: #e6e6e6; } +.c-message .c-button--primary { background-color: #545454; color: #e6e6e6; } #message_edit_container .message_input { background: #545454; border-color: #363636; color: #e6e6e6; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #e6e6e6; } -.c-texty_autocomplete__body { background-color: #222; } - -.c-texty_autocomplete--commands { background: #222; box-shadow: 0 0 0 1px #545454, 0 4px 12px 0 #545454; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #363636; color: #e6e6e6; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #222; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #949494; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #424242; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #363636; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { 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; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #e6e6e6; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #828282; } .p-classic_nav__model__title__info { color: #e6e6e6; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #e6e6e6; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #e6e6e6; } .p-classic_nav__right__search:hover { border-color: #828282; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #e6e6e6; } -.p-classic_nav__team_header { background: #363636; } - -.p-classic_nav__model__title__info__topic__edit { color: #949494; } - .c-message_list__day_divider__label { color: #949494; } .c-message_list__day_divider__label__pill { background: #222; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #363636; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #363636; color: #e6e6e6; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #424242; } - .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; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #000; border-color: #363636; } - 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; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(130, 130, 130, 0.1) !important; color: #e6e6e6 !im .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #363636; } - .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #e6e6e6; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #222; border-color: #000; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; } .p-message_pane__unread_banner__banner { background: #545454; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1785,12 +1753,6 @@ body > pre { background: #828282; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #363636; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #545454; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #949494; } - -.p-workspace__input .p-message_input_file_button:hover { background: #424242; color: #949494; } - ts-thread { background: #222; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #363636; color: #e6e6e6; } @@ -2053,16 +2015,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #c7c7c7; } -.p-flexpane__body--empty { background-color: #222; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #363636; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #e6e6e6; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #949494; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #c7c7c7; } - #file_list_toggle_users { color: #949494; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #c7c7c7; } @@ -2233,9 +2189,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #e6e6e6; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #000; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #000; } +.c-pillow_file__slide { background-color: #000; } .c-pillow_file_container { background-color: #000; } @@ -2267,10 +2221,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #e6e6e6; } #user_groups_header a.icon_close:hover { color: #c7c7c7; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #363636; } - .user_group_item { border-bottom: 1px solid #545454; } .user_group_item a { color: #949494; } @@ -2907,10 +2857,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #c7c7c7; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #424242; } - .channel_modal_header { color: #e6e6e6; } #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; } @@ -3205,12 +3151,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #000 transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #e6e6e6; } - -.p-member_profile_field__label { color: #e6e6e6; } - ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; } @@ -4142,7 +4082,7 @@ a.plastic_typeahead_item { color: #e6e6e6; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } .c-tabs__tab { color: #949494; } diff --git a/css/raw/variants/gruvbox-dark.css b/css/raw/variants/gruvbox-dark.css index deeb9d4e..3a265b58 100644 --- a/css/raw/variants/gruvbox-dark.css +++ b/css/raw/variants/gruvbox-dark.css @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #f9f5d7; } -.p-workspace__input .p-message_input_field { background: #1d2021; border-color: #504945; } +.c-texty_autocomplete { background: #1d2021; box-shadow: 0 0 0 1px #ebdbb2, 0 4px 12px 0 #ebdbb2; } -.p-workspace__primary_view_footer { border-color: #282828; } +.c-texty_autocomplete__result--selected { background: #282828; } -.p-workspace__secondary_view { border-color: #282828; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #282828; } + +.p-workspace__input .p-message_input_field { background: #1d2021; } .ts_toggle .ts_toggle_button { background: #282828; color: #f9f5d7; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #ebdbb2; } -.c-message--editing, .p-channel_details_section--editing { background: #282828; border-color: #282828; color: #f9f5d7; } +.c-message--editing { background: #282828; border-color: #282828; color: #f9f5d7; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #504945; border-color: #282828; color: #f9f5d7; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #504945; border-color: #282828; color: #f9f5d7; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #cc241d; } +.c-message__editor__warning { color: #cc241d; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #282828; } +.c-message .c-button { border-color: #282828; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #282828; color: #689d6a; } +.c-message .c-button--outline { background-color: #282828; color: #689d6a; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #cc241d; } +.c-message .c-button--outline:hover { color: #cc241d; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #504945; color: #f9f5d7; } +.c-message .c-button--primary { background-color: #504945; color: #f9f5d7; } #message_edit_container .message_input { background: #504945; border-color: #282828; color: #f9f5d7; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #f9f5d7; } -.c-texty_autocomplete__body { background-color: #1d2021; } - -.c-texty_autocomplete--commands { background: #1d2021; box-shadow: 0 0 0 1px #504945, 0 4px 12px 0 #504945; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #282828; color: #f9f5d7; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #1d2021; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #689d6a; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #282828; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #282828; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f9f5d7; } - .pickmeup { background: #1d2021; border: 1px solid #282828; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f9f5d7; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #f9f5d7; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #ebdbb2; } .p-classic_nav__model__title__info { color: #f9f5d7; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #f9f5d7; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #f9f5d7; } .p-classic_nav__right__search:hover { border-color: #ebdbb2; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f9f5d7; } -.p-classic_nav__team_header { background: #282828; } - -.p-classic_nav__model__title__info__topic__edit { color: #689d6a; } - .c-message_list__day_divider__label { color: #d79921; } .c-message_list__day_divider__label__pill { background: #1d2021; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #d79921; color: #282828; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #282828; color: #f9f5d7; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #282828; } - .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #d79921; } .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: #d79921; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(235, 219, 178, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #282828; border-color: #282828; } - ts-message { color: #f9f5d7; } 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(40, 40, 40, 0.1); box-shadow: inset 1px 0 0 0 #1d2021; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(235, 219, 178, 0.1) !important; color: #f9f5d7 !im .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #282828; } - .c-message_kit__labels__label { color: #d79921; } .c-message_kit__file__meta { color: #f9f5d7; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #1d2021; border-color: #282828; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f9f5d7; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #282828; background-image: none; color: #f9f5d7; } .p-message_pane__unread_banner__banner { background: #504945; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1781,12 +1749,6 @@ body > pre { background: #ebdbb2; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #282828; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #504945; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #689d6a; } - -.p-workspace__input .p-message_input_file_button:hover { background: #282828; color: #689d6a; } - ts-thread { background: #1d2021; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #282828; color: #f9f5d7; } @@ -2049,16 +2011,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #cc241d; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #cc241d; } -.p-flexpane__body--empty { background-color: #1d2021; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #282828; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f9f5d7; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #689d6a; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #cc241d; } - #file_list_toggle_users { color: #689d6a; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #cc241d; } @@ -2229,9 +2185,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f9f5d7; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f9f5d7; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #282828; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #282828; } +.c-pillow_file__slide { background-color: #282828; } .c-pillow_file_container { background-color: #282828; } @@ -2263,10 +2217,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #f9f5d7; } #user_groups_header a.icon_close:hover { color: #cc241d; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #282828; } - .user_group_item { border-bottom: 1px solid #504945; } .user_group_item a { color: #689d6a; } @@ -2903,10 +2853,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #d7 .channel_header .channel_header__tabs .channel_header__tab:hover { color: #cc241d; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #282828; } - .channel_modal_header { color: #f9f5d7; } #channel_browser .channel_browser_row { border-top: 1px solid #282828; color: #f9f5d7; } @@ -3201,12 +3147,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #d7 .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #282828 transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f9f5d7; } - -.p-member_profile_field__label { color: #f9f5d7; } - ts-jumper ts-jumper-container { background: #1d2021; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #1d2021; color: #d79921; } @@ -4138,7 +4078,7 @@ a.plastic_typeahead_item { color: #f9f5d7; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #d79921; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #504945; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #504945; } .c-tabs__tab { color: #d79921; } diff --git a/css/raw/variants/midnight-blue-monospaced.css b/css/raw/variants/midnight-blue-monospaced.css index 02c89641..0aaa4f20 100644 --- a/css/raw/variants/midnight-blue-monospaced.css +++ b/css/raw/variants/midnight-blue-monospaced.css @@ -260,7 +260,7 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .btn.btn_attachment.btn_primary { border-color: #303030; } -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4a4a; } +.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4949; } .btn_basic:focus, .btn_basic:hover { color: #00b9f2; } @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #00b9f2; } -.p-workspace__input .p-message_input_field { background: #000; border-color: #282828; } +.c-texty_autocomplete { background: #000; box-shadow: 0 0 0 1px #303030, 0 4px 12px 0 #303030; } -.p-workspace__primary_view_footer { border-color: #181818; } +.c-texty_autocomplete__result--selected { background: #202020; } -.p-workspace__secondary_view { border-color: #181818; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #181818; } + +.p-workspace__input .p-message_input_field { background: #000; } .ts_toggle .ts_toggle_button { background: #101010; color: #00b9f2; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #303030; } -.c-message--editing, .p-channel_details_section--editing { background: #181818; border-color: #181818; color: #00b9f2; } +.c-message--editing { background: #181818; border-color: #181818; color: #00b9f2; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } +.c-message__editor__warning { color: #bf360c; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #202020; } +.c-message .c-button { border-color: #202020; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #181818; color: #1793d1; } +.c-message .c-button--outline { background-color: #181818; color: #1793d1; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #299bd4; } +.c-message .c-button--outline:hover { color: #299bd4; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #282828; color: #00b9f2; } +.c-message .c-button--primary { background-color: #282828; color: #00b9f2; } #message_edit_container .message_input { background: #282828; border-color: #181818; color: #00b9f2; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #00b9f2; } -.c-texty_autocomplete__body { background-color: #000; } - -.c-texty_autocomplete--commands { background: #000; box-shadow: 0 0 0 1px #282828, 0 4px 12px 0 #282828; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #181818; color: #00b9f2; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #000; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #1793d1; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #202020; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #181818; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #00b9f2; } - .pickmeup { background: #000; border: 1px solid #181818; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #00b9f2; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #00b9f2; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #303030; } .p-classic_nav__model__title__info { color: #00b9f2; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #00b9f2; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #00b9f2; } .p-classic_nav__right__search:hover { border-color: #303030; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #00b9f2; } -.p-classic_nav__team_header { background: #181818; } - -.p-classic_nav__model__title__info__topic__edit { color: #1793d1; } - .c-message_list__day_divider__label { color: #1793d1; } .c-message_list__day_divider__label__pill { background: #000; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #181818; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #181818; color: #00b9f2; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #202020; } - .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #1793d1; } .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: #1793d1; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(48, 48, 48, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #101010; border-color: #181818; } - ts-message { color: #00b9f2; } 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(16, 16, 16, 0.1); box-shadow: inset 1px 0 0 0 #000; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(48, 48, 48, 0.1) !important; color: #00b9f2 !impor .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #181818; } - .c-message_kit__labels__label { color: #1793d1; } .c-message_kit__file__meta { color: #00b9f2; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #000; border-color: #101010; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #00b9f2; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #181818; background-image: none; color: #00b9f2; } .p-message_pane__unread_banner__banner { background: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1785,12 +1753,6 @@ body > pre { background: #303030; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #181818; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #282828; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #1793d1; } - -.p-workspace__input .p-message_input_file_button:hover { background: #202020; color: #1793d1; } - ts-thread { background: #000; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #181818; color: #00b9f2; } @@ -2053,16 +2015,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #299bd4; } -.p-flexpane__body--empty { background-color: #000; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #181818; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #00b9f2; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #1793d1; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #299bd4; } - #file_list_toggle_users { color: #1793d1; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #299bd4; } @@ -2233,9 +2189,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #00b9f2; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #00b9f2; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #101010; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #101010; } +.c-pillow_file__slide { background-color: #101010; } .c-pillow_file_container { background-color: #101010; } @@ -2267,10 +2221,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #00b9f2; } #user_groups_header a.icon_close:hover { color: #299bd4; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #181818; } - .user_group_item { border-bottom: 1px solid #282828; } .user_group_item a { color: #1793d1; } @@ -2907,10 +2857,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #299bd4; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #202020; } - .channel_modal_header { color: #00b9f2; } #channel_browser .channel_browser_row { border-top: 1px solid #181818; color: #00b9f2; } @@ -3205,12 +3151,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #101010 transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #00b9f2; } - -.p-member_profile_field__label { color: #00b9f2; } - ts-jumper ts-jumper-container { background: #000; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #000; color: #1793d1; } @@ -4142,7 +4082,7 @@ a.plastic_typeahead_item { color: #00b9f2; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #1793d1; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } .c-tabs__tab { color: #1793d1; } diff --git a/css/raw/variants/midnight-blue.css b/css/raw/variants/midnight-blue.css index 457957ef..7b344d83 100644 --- a/css/raw/variants/midnight-blue.css +++ b/css/raw/variants/midnight-blue.css @@ -260,7 +260,7 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .btn.btn_attachment.btn_primary { border-color: #303030; } -.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4a4a; } +.btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4949; } .btn_basic:focus, .btn_basic:hover { color: #00b9f2; } @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #00b9f2; } -.p-workspace__input .p-message_input_field { background: #000; border-color: #282828; } +.c-texty_autocomplete { background: #000; box-shadow: 0 0 0 1px #303030, 0 4px 12px 0 #303030; } -.p-workspace__primary_view_footer { border-color: #181818; } +.c-texty_autocomplete__result--selected { background: #202020; } -.p-workspace__secondary_view { border-color: #181818; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #181818; } + +.p-workspace__input .p-message_input_field { background: #000; } .ts_toggle .ts_toggle_button { background: #101010; color: #00b9f2; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #303030; } -.c-message--editing, .p-channel_details_section--editing { background: #181818; border-color: #181818; color: #00b9f2; } +.c-message--editing { background: #181818; border-color: #181818; color: #00b9f2; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } +.c-message__editor__warning { color: #bf360c; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #202020; } +.c-message .c-button { border-color: #202020; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #181818; color: #1793d1; } +.c-message .c-button--outline { background-color: #181818; color: #1793d1; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #299bd4; } +.c-message .c-button--outline:hover { color: #299bd4; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #282828; color: #00b9f2; } +.c-message .c-button--primary { background-color: #282828; color: #00b9f2; } #message_edit_container .message_input { background: #282828; border-color: #181818; color: #00b9f2; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #00b9f2; } -.c-texty_autocomplete__body { background-color: #000; } - -.c-texty_autocomplete--commands { background: #000; box-shadow: 0 0 0 1px #282828, 0 4px 12px 0 #282828; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #181818; color: #00b9f2; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #000; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #1793d1; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #202020; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #181818; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #00b9f2; } - .pickmeup { background: #000; border: 1px solid #181818; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #00b9f2; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #00b9f2; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #303030; } .p-classic_nav__model__title__info { color: #00b9f2; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #00b9f2; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #00b9f2; } .p-classic_nav__right__search:hover { border-color: #303030; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #00b9f2; } -.p-classic_nav__team_header { background: #181818; } - -.p-classic_nav__model__title__info__topic__edit { color: #1793d1; } - .c-message_list__day_divider__label { color: #1793d1; } .c-message_list__day_divider__label__pill { background: #000; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #fff6d1; color: #181818; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #181818; color: #00b9f2; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #202020; } - .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #1793d1; } .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: #1793d1; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(48, 48, 48, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #101010; border-color: #181818; } - ts-message { color: #00b9f2; } 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(16, 16, 16, 0.1); box-shadow: inset 1px 0 0 0 #000; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(48, 48, 48, 0.1) !important; color: #00b9f2 !impor .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #181818; } - .c-message_kit__labels__label { color: #1793d1; } .c-message_kit__file__meta { color: #00b9f2; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #000; border-color: #101010; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #00b9f2; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #181818; background-image: none; color: #00b9f2; } .p-message_pane__unread_banner__banner { background: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1781,12 +1749,6 @@ body > pre { background: #303030; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #181818; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #282828; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #1793d1; } - -.p-workspace__input .p-message_input_file_button:hover { background: #202020; color: #1793d1; } - ts-thread { background: #000; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #181818; color: #00b9f2; } @@ -2049,16 +2011,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #bf360c; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #299bd4; } -.p-flexpane__body--empty { background-color: #000; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #181818; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #00b9f2; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #1793d1; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #299bd4; } - #file_list_toggle_users { color: #1793d1; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #299bd4; } @@ -2229,9 +2185,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #00b9f2; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #00b9f2; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #101010; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #101010; } +.c-pillow_file__slide { background-color: #101010; } .c-pillow_file_container { background-color: #101010; } @@ -2263,10 +2217,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #00b9f2; } #user_groups_header a.icon_close:hover { color: #299bd4; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #181818; } - .user_group_item { border-bottom: 1px solid #282828; } .user_group_item a { color: #1793d1; } @@ -2903,10 +2853,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .channel_header .channel_header__tabs .channel_header__tab:hover { color: #299bd4; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #202020; } - .channel_modal_header { color: #00b9f2; } #channel_browser .channel_browser_row { border-top: 1px solid #181818; color: #00b9f2; } @@ -3201,12 +3147,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #ff .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #101010 transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #00b9f2; } - -.p-member_profile_field__label { color: #00b9f2; } - ts-jumper ts-jumper-container { background: #000; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #000; color: #1793d1; } @@ -4138,7 +4078,7 @@ a.plastic_typeahead_item { color: #00b9f2; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #1793d1; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } .c-tabs__tab { color: #1793d1; } diff --git a/css/raw/variants/solarized-dark.css b/css/raw/variants/solarized-dark.css index 238f60c2..be3c67d4 100644 --- a/css/raw/variants/solarized-dark.css +++ b/css/raw/variants/solarized-dark.css @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #a1adad; } -.p-workspace__input .p-message_input_field { background: #002b36; border-color: #003340; } +.c-texty_autocomplete { background: #002b36; box-shadow: 0 0 0 1px #003f50, 0 4px 12px 0 #003f50; } -.p-workspace__primary_view_footer { border-color: #00232c; } +.c-texty_autocomplete__result--selected { background: #002b36; } -.p-workspace__secondary_view { border-color: #00232c; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #00232c; } + +.p-workspace__input .p-message_input_field { background: #002b36; } .ts_toggle .ts_toggle_button { background: #00171d; color: #a1adad; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #003f50; } -.c-message--editing, .p-channel_details_section--editing { background: #00232c; border-color: #00232c; color: #a1adad; } +.c-message--editing { background: #00232c; border-color: #00232c; color: #a1adad; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #003340; border-color: #00232c; color: #a1adad; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #003340; border-color: #00232c; color: #a1adad; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #dc322f; } +.c-message__editor__warning { color: #dc322f; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #002b36; } +.c-message .c-button { border-color: #002b36; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #00232c; color: #268bd2; } +.c-message .c-button--outline { background-color: #00232c; color: #268bd2; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #dc322f; } +.c-message .c-button--outline:hover { color: #dc322f; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #003340; color: #a1adad; } +.c-message .c-button--primary { background-color: #003340; color: #a1adad; } #message_edit_container .message_input { background: #003340; border-color: #00232c; color: #a1adad; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #a1adad; } -.c-texty_autocomplete__body { background-color: #002b36; } - -.c-texty_autocomplete--commands { background: #002b36; box-shadow: 0 0 0 1px #003340, 0 4px 12px 0 #003340; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #00232c; color: #a1adad; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #002b36; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #268bd2; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #002b36; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #00232c; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #a1adad; } - .pickmeup { background: #002b36; border: 1px solid #00232c; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #a1adad; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #a1adad; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #003f50; } .p-classic_nav__model__title__info { color: #a1adad; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #a1adad; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #a1adad; } .p-classic_nav__right__search:hover { border-color: #003f50; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #a1adad; } -.p-classic_nav__team_header { background: #00232c; } - -.p-classic_nav__model__title__info__topic__edit { color: #268bd2; } - .c-message_list__day_divider__label { color: #2aa198; } .c-message_list__day_divider__label__pill { background: #002b36; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #b58900; color: #00232c; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #00232c; color: #a1adad; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #002b36; } - .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #2aa198; } .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: #2aa198; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(0, 63, 80, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #00171d; border-color: #00232c; } - ts-message { color: #a1adad; } 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, 23, 29, 0.1); box-shadow: inset 1px 0 0 0 #002b36; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(0, 63, 80, 0.1) !important; color: #a1adad !import .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #00232c; } - .c-message_kit__labels__label { color: #2aa198; } .c-message_kit__file__meta { color: #a1adad; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #002b36; border-color: #00171d; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #a1adad; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #00232c; background-image: none; color: #a1adad; } .p-message_pane__unread_banner__banner { background: #003340; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1781,12 +1749,6 @@ body > pre { background: #003f50; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #00232c; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #003340; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #268bd2; } - -.p-workspace__input .p-message_input_file_button:hover { background: #002b36; color: #268bd2; } - ts-thread { background: #002b36; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #00232c; color: #a1adad; } @@ -2049,16 +2011,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #dc322f; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #dc322f; } -.p-flexpane__body--empty { background-color: #002b36; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #00232c; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #a1adad; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #268bd2; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #dc322f; } - #file_list_toggle_users { color: #268bd2; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #dc322f; } @@ -2229,9 +2185,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #a1adad; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #a1adad; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #00171d; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #00171d; } +.c-pillow_file__slide { background-color: #00171d; } .c-pillow_file_container { background-color: #00171d; } @@ -2263,10 +2217,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #a1adad; } #user_groups_header a.icon_close:hover { color: #dc322f; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #00232c; } - .user_group_item { border-bottom: 1px solid #003340; } .user_group_item a { color: #268bd2; } @@ -2903,10 +2853,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #b5 .channel_header .channel_header__tabs .channel_header__tab:hover { color: #dc322f; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #002b36; } - .channel_modal_header { color: #a1adad; } #channel_browser .channel_browser_row { border-top: 1px solid #00232c; color: #a1adad; } @@ -3201,12 +3147,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #b5 .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #00171d transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #a1adad; } - -.p-member_profile_field__label { color: #a1adad; } - ts-jumper ts-jumper-container { background: #002b36; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #002b36; color: #2aa198; } @@ -4138,7 +4078,7 @@ a.plastic_typeahead_item { color: #a1adad; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #2aa198; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #003340; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #003340; } .c-tabs__tab { color: #2aa198; } diff --git a/css/raw/variants/solarized-light.css b/css/raw/variants/solarized-light.css index b535cb65..6275bb6b 100644 --- a/css/raw/variants/solarized-light.css +++ b/css/raw/variants/solarized-light.css @@ -310,11 +310,13 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-texty_input .ql-placeholder { color: #586e75; } -.p-workspace__input .p-message_input_field { background: #fdf6e3; border-color: #fef9ed; } +.c-texty_autocomplete { background: #fdf6e3; box-shadow: 0 0 0 1px #fffefb, 0 4px 12px 0 #fffefb; } -.p-workspace__primary_view_footer { border-color: #fcf3d9; } +.c-texty_autocomplete__result--selected { background: #fdf6e3; } -.p-workspace__secondary_view { border-color: #fcf3d9; } +.c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #fcf3d9; } + +.p-workspace__input .p-message_input_field { background: #fdf6e3; } .ts_toggle .ts_toggle_button { background: #fbeecb; color: #586e75; } @@ -440,21 +442,21 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #fffefb; } -.c-message--editing, .p-channel_details_section--editing { background: #fcf3d9; border-color: #fcf3d9; color: #586e75; } +.c-message--editing { background: #fcf3d9; border-color: #fcf3d9; color: #586e75; } -.c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } +.c-message__editor__input, .c-message__editor__input--legacy { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } -.c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } +.c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } -.c-message__editor__warning, .p-channel_details_section__editor__warning { color: #dc322f; } +.c-message__editor__warning { color: #dc322f; } -.c-message .c-button, .p-channel_details_section .c-button { border-color: #fdf6e3; } +.c-message .c-button { border-color: #fdf6e3; } -.c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #fcf3d9; color: #268bd2; } +.c-message .c-button--outline { background-color: #fcf3d9; color: #268bd2; } -.c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #dc322f; } +.c-message .c-button--outline:hover { color: #dc322f; } -.c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #fef9ed; color: #586e75; } +.c-message .c-button--primary { background-color: #fef9ed; color: #586e75; } #message_edit_container .message_input { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } @@ -652,22 +654,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .highlighter_underlay .ghost_text { color: #586e75; } -.c-texty_autocomplete__body { background-color: #fdf6e3; } - -.c-texty_autocomplete--commands { background: #fdf6e3; box-shadow: 0 0 0 1px #fef9ed, 0 4px 12px 0 #fef9ed; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #fcf3d9; color: #586e75; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #fdf6e3; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #268bd2; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #fdf6e3; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #fcf3d9; } - -.c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #586e75; } - .pickmeup { background: #fdf6e3; border: 1px solid #fcf3d9; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #586e75; } @@ -868,8 +854,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__model__button { color: #586e75; } -.p-classic_nav__model_header { opacity: 0.8; } - .p-classic_nav__model__title__is_you { color: #fffefb; } .p-classic_nav__model__title__info { color: #586e75; } @@ -880,8 +864,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__button { color: #586e75; } -.p-classic_nav__right_header { opacity: 0.8; } - .p-classic_nav__right__search { border-color: #586e75; } .p-classic_nav__right__search:hover { border-color: #fffefb; } @@ -890,10 +872,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #586e75; } -.p-classic_nav__team_header { background: #fcf3d9; } - -.p-classic_nav__model__title__info__topic__edit { color: #268bd2; } - .c-message_list__day_divider__label { color: #2aa198; } .c-message_list__day_divider__label__pill { background: #fdf6e3; position: relative; } @@ -974,10 +952,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .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 { background-color: #b58900; color: #fcf3d9; } -.c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #fcf3d9; color: #586e75; } - -.c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #fdf6e3; } - .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #2aa198; } .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: #2aa198; } @@ -1096,8 +1070,6 @@ input[disabled], input[readonly], textarea[disabled], textarea[readonly] { backg .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(255, 254, 251, 0.8); } -.c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #fbeecb; border-color: #fcf3d9; } - ts-message { color: #586e75; } 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(251, 238, 203, 0.1); box-shadow: inset 1px 0 0 0 #fdf6e3; } @@ -1329,8 +1301,6 @@ ts-mention { background: rgba(255, 254, 251, 0.1) !important; color: #586e75 !im .c-message__image_wrapper:after { border-color: transparent; } -.c-message_kit { background: #fcf3d9; } - .c-message_kit__labels__label { color: #2aa198; } .c-message_kit__file__meta { color: #586e75; } @@ -1507,8 +1477,6 @@ ts-message .reply_bar:hover { background: #fdf6e3; border-color: #fbeecb; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #586e75; } -.p-message_pane_input_broadcast_warning { background-color: #222222; } - .p-message_pane__limited_history_foreword { background: #fcf3d9; background-image: none; color: #586e75; } .p-message_pane__unread_banner__banner { background: #fef9ed; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -1781,12 +1749,6 @@ body > pre { background: #fffefb; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #fcf3d9; } -.p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #fef9ed; } - -.p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #268bd2; } - -.p-workspace__input .p-message_input_file_button:hover { background: #fdf6e3; color: #268bd2; } - ts-thread { background: #fdf6e3; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #fcf3d9; color: #586e75; } @@ -2049,16 +2011,10 @@ ts-thread .new_reply_indicator .blue_dot { color: #dc322f; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #dc322f; } -.p-flexpane__body--empty { background-color: #fdf6e3; } - .p-flexpane__body .p-thread_drag_overlay { background-color: #fcf3d9; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #586e75; } -.c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #268bd2; } - -.c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #dc322f; } - #file_list_toggle_users { color: #268bd2; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #dc322f; } @@ -2229,9 +2185,7 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #586e75; } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #586e75; } -.c-pillow_file__snippet__content .CodeMirror { background-color: #fbeecb; } - -.c-pillow_file__slide, .c-pillow_file__swap { background-color: #fbeecb; } +.c-pillow_file__slide { background-color: #fbeecb; } .c-pillow_file_container { background-color: #fbeecb; } @@ -2263,10 +2217,6 @@ html.no_touch a.filetype_button_web:hover .file_title { color: #586e75; } #user_groups_header a.icon_close:hover { color: #dc322f; } -.p-user_group_base_row__list_item { background: transparent; } - -.p-user_group_base_row__list_item:hover { background: #fcf3d9; } - .user_group_item { border-bottom: 1px solid #fef9ed; } .user_group_item a { color: #268bd2; } @@ -2903,10 +2853,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #b5 .channel_header .channel_header__tabs .channel_header__tab:hover { color: #dc322f; } -.p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - -.p-highlights_section__group_title_label { background: #fdf6e3; } - .channel_modal_header { color: #586e75; } #channel_browser .channel_browser_row { border-top: 1px solid #fcf3d9; color: #586e75; } @@ -3201,12 +3147,6 @@ a.c-member_slug--mention, a.c-member_slug--mention:hover { background-color: #b5 .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #fbeecb transparent transparent; } -.p-member_profile_card { background: #222222; } - -.p-member_profile_name__link, .p-member_profile_name__link:hover { color: #586e75; } - -.p-member_profile_field__label { color: #586e75; } - ts-jumper ts-jumper-container { background: #fdf6e3; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #fdf6e3; color: #2aa198; } @@ -4138,7 +4078,7 @@ a.plastic_typeahead_item { color: #586e75; } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #2aa198; } -.c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #fef9ed; } +.c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #fef9ed; } .c-tabs__tab { color: #2aa198; } diff --git a/css/variants/arc-dark.css b/css/variants/arc-dark.css index 50419a36..f98a24ec 100644 --- a/css/variants/arc-dark.css +++ b/css/variants/arc-dark.css @@ -154,9 +154,10 @@ .c-filter_input { background: #6b6f79; } .p-share_dialog_message_input { color: #d3dae3; } .c-texty_input .ql-placeholder { color: #d3dae3; } - .p-workspace__input .p-message_input_field { background: #404552; border-color: #6b6f79; } - .p-workspace__primary_view_footer { border-color: #2a2f39; } - .p-workspace__secondary_view { border-color: #2a2f39; } + .c-texty_autocomplete { background: #404552; box-shadow: 0 0 0 1px #858991, 0 4px 12px 0 #858991; } + .c-texty_autocomplete__result--selected { background: #454c5c; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #2a2f39; } + .p-workspace__input .p-message_input_field { background: #404552; } .ts_toggle .ts_toggle_button { background: #1d2027; color: #d3dae3; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #2a2f39; } .ts_toggle .ts_toggle_secondary_label { color: #949494; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } .inline_message_input_container .ql-container { border-color: #6b6f79; color: #d3dae3; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #858991; } - .c-message--editing, .p-channel_details_section--editing { background: #2a2f39; border-color: #2a2f39; color: #d3dae3; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #454c5c; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #2a2f39; color: #90939b; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #90939b; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #6b6f79; color: #d3dae3; } + .c-message--editing { background: #2a2f39; border-color: #2a2f39; color: #d3dae3; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #bf360c; } + .c-message .c-button { border-color: #454c5c; } + .c-message .c-button--outline { background-color: #2a2f39; color: #90939b; } + .c-message .c-button--outline:hover { color: #90939b; } + .c-message .c-button--primary { background-color: #6b6f79; color: #d3dae3; } #message_edit_container .message_input { background: #6b6f79; border-color: #2a2f39; color: #d3dae3; } #message_edit_container .message_input.focus { border-color: #2a2f39; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(107, 111, 121, 0.5); color: #404552; } @@ -325,14 +326,6 @@ .highlighter_underlay .modifier.incomplete::before { background: #2a2f39; border: 1px solid #1d2027; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(133, 137, 145, 0.25); border: #6b6f79; } .highlighter_underlay .ghost_text { color: #d3dae3; } - .c-texty_autocomplete__body { background-color: #404552; } - .c-texty_autocomplete--commands { background: #404552; box-shadow: 0 0 0 1px #6b6f79, 0 4px 12px 0 #6b6f79; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #2a2f39; color: #d3dae3; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #404552; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #90939b; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #454c5c; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #2a2f39; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #d3dae3; } .pickmeup { background: #404552; border: 1px solid #2a2f39; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #d3dae3; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #2a2f39 !important; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #90939b; } .p-classic_nav { background: #2a2f39; } .p-classic_nav__model__button { color: #d3dae3; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #858991; } .p-classic_nav__model__title__info { color: #d3dae3; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #404552; color: #d3dae3; } .p-classic_nav__model__title__name--dim { color: #858991; } .p-classic_nav__right__button { color: #d3dae3; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #d3dae3; } .p-classic_nav__right__search:hover { border-color: #858991; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #858991; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #d3dae3; } - .p-classic_nav__team_header { background: #2a2f39; } - .p-classic_nav__model__title__info__topic__edit { color: #90939b; } .c-message_list__day_divider__label { color: #949494; } .c-message_list__day_divider__label__pill { background: #404552; position: relative; } .c-message_list__day_divider__line { border-top-color: #2a2f39; } @@ -486,8 +475,6 @@ #msgs_overlay_div { background: #404552; } #col_messages { box-shadow: inset 1px 0 0 0 #404552; } .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 { background-color: #fff6d1; color: #2a2f39; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #2a2f39; color: #d3dae3; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #454c5c; } .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(29, 32, 39, 0.1); } @@ -547,7 +534,6 @@ .c-message_list__spinner { color: #949494; } .c-message_list .c-scrollbar__bar { background: #454c5c; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(133, 137, 145, 0.8); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #1d2027; border-color: #2a2f39; } ts-message { color: #d3dae3; } 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(29, 32, 39, 0.1); box-shadow: inset 1px 0 0 0 #404552; } 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(29, 32, 39, 0.2); } @@ -665,7 +651,6 @@ .c-message__file_meta { color: #949494; } .c-message__image_container { background: rgba(29, 32, 39, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } - .c-message_kit { background: #2a2f39; } .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #d3dae3; } .attachment_group.has_container { background: #404552; border: 1px solid #2a2f39; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #d3dae3; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #d3dae3; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #2a2f39; background-image: none; color: #d3dae3; } .p-message_pane__unread_banner__banner { background: #6b6f79; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #d3dae3; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -891,9 +875,6 @@ .p-threads_view_reply--new_reply { background: #2a2f39; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #2a2f39; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #2a2f39; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #6b6f79; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #90939b; } - .p-workspace__input .p-message_input_file_button:hover { background: #454c5c; color: #90939b; } ts-thread { background: #404552; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #2a2f39; color: #d3dae3; } 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: #2a2f39; border-color: #2a2f39; } @@ -1025,11 +1006,8 @@ .p-flexpane_header { background-color: #2a2f39; border-bottom-color: #454c5c; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #d3dae3; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #90939b; } - .p-flexpane__body--empty { background-color: #404552; } .p-flexpane__body .p-thread_drag_overlay { background-color: #2a2f39; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #d3dae3; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #90939b; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #90939b; } #file_list_toggle_users { color: #90939b; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #90939b; } #file_list_toggle_users.active { color: #949494; } @@ -1115,8 +1093,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #d3dae3; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #1d2027; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #1d2027; } + .c-pillow_file__slide { background-color: #1d2027; } .c-pillow_file_container { background-color: #1d2027; } .p-file_list, .p-file_list__filters { background: #2a2f39; } .p-file_list__filters { border-color: #2a2f39; } @@ -1132,8 +1109,6 @@ #user_groups_header .user_groups_search .icon_search { color: #949494; } #user_groups_header a.icon_close { color: #90939b; } #user_groups_header a.icon_close:hover { color: #90939b; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #2a2f39; } .user_group_item { border-bottom: 1px solid #6b6f79; } .user_group_item a { color: #90939b; } #flex_contents .user_group_item:hover { background-color: #404552; } @@ -1452,8 +1427,6 @@ .notification_prefs_icon::before { color: #d3dae3; } .channel_header .channel_header__tabs .channel_header__tab { color: #90939b; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #90939b; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #454c5c; } .channel_modal_header { color: #d3dae3; } #channel_browser .channel_browser_row { border-top: 1px solid #2a2f39; color: #d3dae3; } #channel_browser .channel_browser_row_header { color: #d3dae3; } @@ -1601,9 +1574,6 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #1d2027, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #1d2027; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #1d2027 transparent transparent; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #d3dae3; } - .p-member_profile_field__label { color: #d3dae3; } ts-jumper ts-jumper-container { background: #404552; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #404552; color: #949494; } ts-jumper input[type=text] { border: 1px solid #1d2027 !important; color: #d3dae3; } @@ -2070,7 +2040,7 @@ .quote_block::before { background-color: #6b6f79; } .well { background: #1d2027; border-color: #191b21; color: #d3dae3; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #6b6f79; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #6b6f79; } .c-tabs__tab { color: #949494; } .c-tabs__tab:hover { color: #d3dae3; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #858991; color: #d3dae3; } diff --git a/css/variants/aubergine-monospaced.css b/css/variants/aubergine-monospaced.css index 2786fc8c..9ad4e8ac 100644 --- a/css/variants/aubergine-monospaced.css +++ b/css/variants/aubergine-monospaced.css @@ -154,9 +154,10 @@ .c-filter_input { background: #61485e; } .p-share_dialog_message_input { color: #f0d9ed; } .c-texty_input .ql-placeholder { color: #f0d9ed; } - .p-workspace__input .p-message_input_field { background: #3e313c; border-color: #61485e; } - .p-workspace__primary_view_footer { border-color: #4d394b; } - .p-workspace__secondary_view { border-color: #4d394b; } + .c-texty_autocomplete { background: #3e313c; box-shadow: 0 0 0 1px #876484, 0 4px 12px 0 #876484; } + .c-texty_autocomplete__result--selected { background: #4a3b49; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } + .p-workspace__input .p-message_input_field { background: #3e313c; } .ts_toggle .ts_toggle_button { background: #372c36; color: #f0d9ed; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #4d394b; } .ts_toggle .ts_toggle_secondary_label { color: #a3839f; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #61485e; border-color: #4d394b; color: #f0d9ed; } .inline_message_input_container .ql-container { border-color: #61485e; color: #f0d9ed; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #876484; } - .c-message--editing, .p-channel_details_section--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #4a3b49; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #4d394b; color: #a3839f; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #d4bbd1; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #61485e; color: #f0d9ed; } + .c-message--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #bf360c; } + .c-message .c-button { border-color: #4a3b49; } + .c-message .c-button--outline { background-color: #4d394b; color: #a3839f; } + .c-message .c-button--outline:hover { color: #d4bbd1; } + .c-message .c-button--primary { background-color: #61485e; color: #f0d9ed; } #message_edit_container .message_input { background: #61485e; border-color: #4d394b; color: #f0d9ed; } #message_edit_container .message_input.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(97, 72, 94, 0.5); color: #3e313c; } @@ -325,14 +326,6 @@ .highlighter_underlay .modifier.incomplete::before { background: #4d394b; border: 1px solid #372c36; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(135, 100, 132, 0.25); border: #61485e; } .highlighter_underlay .ghost_text { color: #f0d9ed; } - .c-texty_autocomplete__body { background-color: #3e313c; } - .c-texty_autocomplete--commands { background: #3e313c; box-shadow: 0 0 0 1px #61485e, 0 4px 12px 0 #61485e; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #4d394b; color: #f0d9ed; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #3e313c; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #a3839f; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #4a3b49; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f0d9ed; } .pickmeup { background: #3e313c; border: 1px solid #4d394b; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f0d9ed; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #4d394b !important; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #a3839f; } .p-classic_nav { background: #4d394b; } .p-classic_nav__model__button { color: #f0d9ed; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #876484; } .p-classic_nav__model__title__info { color: #f0d9ed; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #3e313c; color: #f0d9ed; } .p-classic_nav__model__title__name--dim { color: #876484; } .p-classic_nav__right__button { color: #f0d9ed; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #f0d9ed; } .p-classic_nav__right__search:hover { border-color: #876484; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #876484; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f0d9ed; } - .p-classic_nav__team_header { background: #4d394b; } - .p-classic_nav__model__title__info__topic__edit { color: #a3839f; } .c-message_list__day_divider__label { color: #a3839f; } .c-message_list__day_divider__label__pill { background: #3e313c; position: relative; } .c-message_list__day_divider__line { border-top-color: #4d394b; } @@ -486,8 +475,6 @@ #msgs_overlay_div { background: #3e313c; } #col_messages { box-shadow: inset 1px 0 0 0 #3e313c; } .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 { background-color: #fff6d1; color: #4d394b; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #4d394b; color: #f0d9ed; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #4a3b49; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #a3839f; } .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: #a3839f; } .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(55, 44, 54, 0.1); } @@ -547,7 +534,6 @@ .c-message_list__spinner { color: #a3839f; } .c-message_list .c-scrollbar__bar { background: #4a3b49; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(135, 100, 132, 0.8); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #372c36; border-color: #4d394b; } ts-message { color: #f0d9ed; } 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(55, 44, 54, 0.1); box-shadow: inset 1px 0 0 0 #3e313c; } 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(55, 44, 54, 0.2); } @@ -665,7 +651,6 @@ .c-message__file_meta { color: #a3839f; } .c-message__image_container { background: rgba(55, 44, 54, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } - .c-message_kit { background: #4d394b; } .c-message_kit__labels__label { color: #a3839f; } .c-message_kit__file__meta { color: #f0d9ed; } .attachment_group.has_container { background: #3e313c; border: 1px solid #4d394b; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #f0d9ed; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f0d9ed; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #4d394b; background-image: none; color: #f0d9ed; } .p-message_pane__unread_banner__banner { background: #61485e; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #f0d9ed; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -893,9 +877,6 @@ .p-threads_view_reply--new_reply { background: #4d394b; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #4d394b; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #4d394b; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #61485e; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #a3839f; } - .p-workspace__input .p-message_input_file_button:hover { background: #4a3b49; color: #a3839f; } ts-thread { background: #3e313c; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #4d394b; color: #f0d9ed; } 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: #4d394b; border-color: #4d394b; } @@ -1027,11 +1008,8 @@ .p-flexpane_header { background-color: #4d394b; border-bottom-color: #4a3b49; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #f0d9ed; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #d4bbd1; } - .p-flexpane__body--empty { background-color: #3e313c; } .p-flexpane__body .p-thread_drag_overlay { background-color: #4d394b; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f0d9ed; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #a3839f; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #d4bbd1; } #file_list_toggle_users { color: #a3839f; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #d4bbd1; } #file_list_toggle_users.active { color: #a3839f; } @@ -1117,8 +1095,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f0d9ed; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #372c36; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #372c36; } + .c-pillow_file__slide { background-color: #372c36; } .c-pillow_file_container { background-color: #372c36; } .p-file_list, .p-file_list__filters { background: #4d394b; } .p-file_list__filters { border-color: #4d394b; } @@ -1134,8 +1111,6 @@ #user_groups_header .user_groups_search .icon_search { color: #a3839f; } #user_groups_header a.icon_close { color: #a3839f; } #user_groups_header a.icon_close:hover { color: #d4bbd1; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #4d394b; } .user_group_item { border-bottom: 1px solid #61485e; } .user_group_item a { color: #a3839f; } #flex_contents .user_group_item:hover { background-color: #3e313c; } @@ -1454,8 +1429,6 @@ .notification_prefs_icon::before { color: #f0d9ed; } .channel_header .channel_header__tabs .channel_header__tab { color: #a3839f; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #d4bbd1; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #4a3b49; } .channel_modal_header { color: #f0d9ed; } #channel_browser .channel_browser_row { border-top: 1px solid #4d394b; color: #f0d9ed; } #channel_browser .channel_browser_row_header { color: #f0d9ed; } @@ -1603,9 +1576,6 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #372c36, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #372c36; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #372c36 transparent transparent; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f0d9ed; } - .p-member_profile_field__label { color: #f0d9ed; } ts-jumper ts-jumper-container { background: #3e313c; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #3e313c; color: #a3839f; } ts-jumper input[type=text] { border: 1px solid #372c36 !important; color: #f0d9ed; } @@ -2072,7 +2042,7 @@ .quote_block::before { background-color: #61485e; } .well { background: #372c36; border-color: #312730; color: #f0d9ed; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #a3839f; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } .c-tabs__tab { color: #a3839f; } .c-tabs__tab:hover { color: #f0d9ed; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #876484; color: #f0d9ed; } diff --git a/css/variants/aubergine.css b/css/variants/aubergine.css index c3d92058..cc95dc64 100644 --- a/css/variants/aubergine.css +++ b/css/variants/aubergine.css @@ -154,9 +154,10 @@ .c-filter_input { background: #61485e; } .p-share_dialog_message_input { color: #f0d9ed; } .c-texty_input .ql-placeholder { color: #f0d9ed; } - .p-workspace__input .p-message_input_field { background: #3e313c; border-color: #61485e; } - .p-workspace__primary_view_footer { border-color: #4d394b; } - .p-workspace__secondary_view { border-color: #4d394b; } + .c-texty_autocomplete { background: #3e313c; box-shadow: 0 0 0 1px #876484, 0 4px 12px 0 #876484; } + .c-texty_autocomplete__result--selected { background: #4a3b49; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } + .p-workspace__input .p-message_input_field { background: #3e313c; } .ts_toggle .ts_toggle_button { background: #372c36; color: #f0d9ed; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #4d394b; } .ts_toggle .ts_toggle_secondary_label { color: #a3839f; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #61485e; border-color: #4d394b; color: #f0d9ed; } .inline_message_input_container .ql-container { border-color: #61485e; color: #f0d9ed; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #876484; } - .c-message--editing, .p-channel_details_section--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #4a3b49; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #4d394b; color: #a3839f; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #d4bbd1; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #61485e; color: #f0d9ed; } + .c-message--editing { background: #4d394b; border-color: #4d394b; color: #f0d9ed; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #61485e; border-color: #4d394b; color: #f0d9ed; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #bf360c; } + .c-message .c-button { border-color: #4a3b49; } + .c-message .c-button--outline { background-color: #4d394b; color: #a3839f; } + .c-message .c-button--outline:hover { color: #d4bbd1; } + .c-message .c-button--primary { background-color: #61485e; color: #f0d9ed; } #message_edit_container .message_input { background: #61485e; border-color: #4d394b; color: #f0d9ed; } #message_edit_container .message_input.focus { border-color: #4d394b; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(97, 72, 94, 0.5); color: #3e313c; } @@ -325,14 +326,6 @@ .highlighter_underlay .modifier.incomplete::before { background: #4d394b; border: 1px solid #372c36; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(135, 100, 132, 0.25); border: #61485e; } .highlighter_underlay .ghost_text { color: #f0d9ed; } - .c-texty_autocomplete__body { background-color: #3e313c; } - .c-texty_autocomplete--commands { background: #3e313c; box-shadow: 0 0 0 1px #61485e, 0 4px 12px 0 #61485e; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #4d394b; color: #f0d9ed; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #3e313c; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #a3839f; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #4a3b49; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #4d394b; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f0d9ed; } .pickmeup { background: #3e313c; border: 1px solid #4d394b; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f0d9ed; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #4d394b !important; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #a3839f; } .p-classic_nav { background: #4d394b; } .p-classic_nav__model__button { color: #f0d9ed; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #876484; } .p-classic_nav__model__title__info { color: #f0d9ed; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #3e313c; color: #f0d9ed; } .p-classic_nav__model__title__name--dim { color: #876484; } .p-classic_nav__right__button { color: #f0d9ed; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #f0d9ed; } .p-classic_nav__right__search:hover { border-color: #876484; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #876484; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f0d9ed; } - .p-classic_nav__team_header { background: #4d394b; } - .p-classic_nav__model__title__info__topic__edit { color: #a3839f; } .c-message_list__day_divider__label { color: #a3839f; } .c-message_list__day_divider__label__pill { background: #3e313c; position: relative; } .c-message_list__day_divider__line { border-top-color: #4d394b; } @@ -486,8 +475,6 @@ #msgs_overlay_div { background: #3e313c; } #col_messages { box-shadow: inset 1px 0 0 0 #3e313c; } .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 { background-color: #fff6d1; color: #4d394b; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #4d394b; color: #f0d9ed; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #4a3b49; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #a3839f; } .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: #a3839f; } .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(55, 44, 54, 0.1); } @@ -547,7 +534,6 @@ .c-message_list__spinner { color: #a3839f; } .c-message_list .c-scrollbar__bar { background: #4a3b49; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(135, 100, 132, 0.8); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #372c36; border-color: #4d394b; } ts-message { color: #f0d9ed; } 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(55, 44, 54, 0.1); box-shadow: inset 1px 0 0 0 #3e313c; } 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(55, 44, 54, 0.2); } @@ -665,7 +651,6 @@ .c-message__file_meta { color: #a3839f; } .c-message__image_container { background: rgba(55, 44, 54, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } - .c-message_kit { background: #4d394b; } .c-message_kit__labels__label { color: #a3839f; } .c-message_kit__file__meta { color: #f0d9ed; } .attachment_group.has_container { background: #3e313c; border: 1px solid #4d394b; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #f0d9ed; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f0d9ed; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #4d394b; background-image: none; color: #f0d9ed; } .p-message_pane__unread_banner__banner { background: #61485e; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #f0d9ed; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -891,9 +875,6 @@ .p-threads_view_reply--new_reply { background: #4d394b; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #4d394b; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #4d394b; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #61485e; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #a3839f; } - .p-workspace__input .p-message_input_file_button:hover { background: #4a3b49; color: #a3839f; } ts-thread { background: #3e313c; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #4d394b; color: #f0d9ed; } 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: #4d394b; border-color: #4d394b; } @@ -1025,11 +1006,8 @@ .p-flexpane_header { background-color: #4d394b; border-bottom-color: #4a3b49; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #f0d9ed; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #d4bbd1; } - .p-flexpane__body--empty { background-color: #3e313c; } .p-flexpane__body .p-thread_drag_overlay { background-color: #4d394b; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f0d9ed; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #a3839f; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #d4bbd1; } #file_list_toggle_users { color: #a3839f; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #d4bbd1; } #file_list_toggle_users.active { color: #a3839f; } @@ -1115,8 +1093,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f0d9ed; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #372c36; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #372c36; } + .c-pillow_file__slide { background-color: #372c36; } .c-pillow_file_container { background-color: #372c36; } .p-file_list, .p-file_list__filters { background: #4d394b; } .p-file_list__filters { border-color: #4d394b; } @@ -1132,8 +1109,6 @@ #user_groups_header .user_groups_search .icon_search { color: #a3839f; } #user_groups_header a.icon_close { color: #a3839f; } #user_groups_header a.icon_close:hover { color: #d4bbd1; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #4d394b; } .user_group_item { border-bottom: 1px solid #61485e; } .user_group_item a { color: #a3839f; } #flex_contents .user_group_item:hover { background-color: #3e313c; } @@ -1452,8 +1427,6 @@ .notification_prefs_icon::before { color: #f0d9ed; } .channel_header .channel_header__tabs .channel_header__tab { color: #a3839f; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #d4bbd1; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #4a3b49; } .channel_modal_header { color: #f0d9ed; } #channel_browser .channel_browser_row { border-top: 1px solid #4d394b; color: #f0d9ed; } #channel_browser .channel_browser_row_header { color: #f0d9ed; } @@ -1601,9 +1574,6 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #372c36, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #372c36; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #372c36 transparent transparent; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f0d9ed; } - .p-member_profile_field__label { color: #f0d9ed; } ts-jumper ts-jumper-container { background: #3e313c; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #3e313c; color: #a3839f; } ts-jumper input[type=text] { border: 1px solid #372c36 !important; color: #f0d9ed; } @@ -2070,7 +2040,7 @@ .quote_block::before { background-color: #61485e; } .well { background: #372c36; border-color: #312730; color: #f0d9ed; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #a3839f; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #61485e; } .c-tabs__tab { color: #a3839f; } .c-tabs__tab:hover { color: #f0d9ed; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #876484; color: #f0d9ed; } diff --git a/css/variants/black-monospaced.css b/css/variants/black-monospaced.css index 06e92a5f..aa084d19 100644 --- a/css/variants/black-monospaced.css +++ b/css/variants/black-monospaced.css @@ -129,7 +129,7 @@ .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.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #9c9b9b; } .btn_basic:focus, .btn_basic:hover { color: #e6e6e6; } .btn_outline { background: #222; color: #949494 !important; } .btn_outline::after { border: 1px solid #424242; } @@ -154,9 +154,10 @@ .c-filter_input { background: #545454; } .p-share_dialog_message_input { color: #e6e6e6; } .c-texty_input .ql-placeholder { color: #e6e6e6; } - .p-workspace__input .p-message_input_field { background: #222; border-color: #545454; } - .p-workspace__primary_view_footer { border-color: #363636; } - .p-workspace__secondary_view { border-color: #363636; } + .c-texty_autocomplete { background: #222; box-shadow: 0 0 0 1px #828282, 0 4px 12px 0 #828282; } + .c-texty_autocomplete__result--selected { background: #424242; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #363636; } + .p-workspace__input .p-message_input_field { background: #222; } .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; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #545454; border-color: #363636; color: #e6e6e6; } .inline_message_input_container .ql-container { border-color: #545454; color: #e6e6e6; } .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, .p-channel_details_section--editing { background: #363636; border-color: #363636; color: #e6e6e6; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #424242; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #363636; color: #949494; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #c7c7c7; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #545454; color: #e6e6e6; } + .c-message--editing { background: #363636; border-color: #363636; color: #e6e6e6; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #545454; border-color: #363636; color: #e6e6e6; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #363636; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #bf360c; } + .c-message .c-button { border-color: #424242; } + .c-message .c-button--outline { background-color: #363636; color: #949494; } + .c-message .c-button--outline:hover { color: #c7c7c7; } + .c-message .c-button--primary { background-color: #545454; color: #e6e6e6; } #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; } @@ -325,14 +326,6 @@ .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; } - .c-texty_autocomplete__body { background-color: #222; } - .c-texty_autocomplete--commands { background: #222; box-shadow: 0 0 0 1px #545454, 0 4px 12px 0 #545454; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #363636; color: #e6e6e6; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #222; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #949494; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #424242; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #363636; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { 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; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #949494; } .p-classic_nav { background: #363636; } .p-classic_nav__model__button { color: #e6e6e6; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #828282; } .p-classic_nav__model__title__info { color: #e6e6e6; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #222; color: #e6e6e6; } .p-classic_nav__model__title__name--dim { color: #828282; } .p-classic_nav__right__button { color: #e6e6e6; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #e6e6e6; } .p-classic_nav__right__search:hover { border-color: #828282; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #828282; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #e6e6e6; } - .p-classic_nav__team_header { background: #363636; } - .p-classic_nav__model__title__info__topic__edit { 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; } @@ -486,8 +475,6 @@ #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 { background-color: #fff6d1; color: #363636; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #363636; color: #e6e6e6; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #424242; } .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); } @@ -547,7 +534,6 @@ .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); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #000; border-color: #363636; } 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); } @@ -665,7 +651,6 @@ .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; } - .c-message_kit { background: #363636; } .c-message_kit__labels__label { color: #949494; } .c-message_kit__file__meta { color: #e6e6e6; } .attachment_group.has_container { background: #222; border: 1px solid #363636; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #e6e6e6; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #e6e6e6; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #363636; background-image: none; color: #e6e6e6; } .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); } @@ -893,9 +877,6 @@ .p-threads_view_reply--new_reply { background: #363636; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #363636; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #363636; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #545454; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #949494; } - .p-workspace__input .p-message_input_file_button:hover { background: #424242; color: #949494; } 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; } @@ -1027,11 +1008,8 @@ .p-flexpane_header { background-color: #363636; border-bottom-color: #424242; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #e6e6e6; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #c7c7c7; } - .p-flexpane__body--empty { background-color: #222; } .p-flexpane__body .p-thread_drag_overlay { background-color: #363636; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #e6e6e6; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #949494; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #c7c7c7; } #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; } @@ -1117,8 +1095,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #e6e6e6; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #000; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #000; } + .c-pillow_file__slide { background-color: #000; } .c-pillow_file_container { background-color: #000; } .p-file_list, .p-file_list__filters { background: #363636; } .p-file_list__filters { border-color: #363636; } @@ -1134,8 +1111,6 @@ #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; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #363636; } .user_group_item { border-bottom: 1px solid #545454; } .user_group_item a { color: #949494; } #flex_contents .user_group_item:hover { background-color: #222; } @@ -1454,8 +1429,6 @@ .notification_prefs_icon::before { color: #e6e6e6; } .channel_header .channel_header__tabs .channel_header__tab { color: #949494; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #c7c7c7; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #424242; } .channel_modal_header { color: #e6e6e6; } #channel_browser .channel_browser_row { border-top: 1px solid #363636; color: #e6e6e6; } #channel_browser .channel_browser_row_header { color: #e6e6e6; } @@ -1603,9 +1576,6 @@ .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; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #e6e6e6; } - .p-member_profile_field__label { color: #e6e6e6; } ts-jumper ts-jumper-container { background: #222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #222; color: #949494; } ts-jumper input[type=text] { border: 1px solid #000 !important; color: #e6e6e6; } @@ -2072,7 +2042,7 @@ .quote_block::before { background-color: #545454; } .well { background: #000; border-color: black; color: #e6e6e6; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #949494; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #545454; } .c-tabs__tab { color: #949494; } .c-tabs__tab:hover { color: #e6e6e6; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #828282; color: #e6e6e6; } diff --git a/css/variants/gruvbox-dark.css b/css/variants/gruvbox-dark.css index f6988fb8..c5c71508 100644 --- a/css/variants/gruvbox-dark.css +++ b/css/variants/gruvbox-dark.css @@ -154,9 +154,10 @@ .c-filter_input { background: #504945; } .p-share_dialog_message_input { color: #f9f5d7; } .c-texty_input .ql-placeholder { color: #f9f5d7; } - .p-workspace__input .p-message_input_field { background: #1d2021; border-color: #504945; } - .p-workspace__primary_view_footer { border-color: #282828; } - .p-workspace__secondary_view { border-color: #282828; } + .c-texty_autocomplete { background: #1d2021; box-shadow: 0 0 0 1px #ebdbb2, 0 4px 12px 0 #ebdbb2; } + .c-texty_autocomplete__result--selected { background: #282828; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #282828; } + .p-workspace__input .p-message_input_field { background: #1d2021; } .ts_toggle .ts_toggle_button { background: #282828; color: #f9f5d7; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #282828; } .ts_toggle .ts_toggle_secondary_label { color: #d79921; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #504945; border-color: #282828; color: #f9f5d7; } .inline_message_input_container .ql-container { border-color: #504945; color: #f9f5d7; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #ebdbb2; } - .c-message--editing, .p-channel_details_section--editing { background: #282828; border-color: #282828; color: #f9f5d7; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #504945; border-color: #282828; color: #f9f5d7; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #cc241d; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #282828; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #282828; color: #689d6a; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #cc241d; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #504945; color: #f9f5d7; } + .c-message--editing { background: #282828; border-color: #282828; color: #f9f5d7; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #504945; border-color: #282828; color: #f9f5d7; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #cc241d; } + .c-message .c-button { border-color: #282828; } + .c-message .c-button--outline { background-color: #282828; color: #689d6a; } + .c-message .c-button--outline:hover { color: #cc241d; } + .c-message .c-button--primary { background-color: #504945; color: #f9f5d7; } #message_edit_container .message_input { background: #504945; border-color: #282828; color: #f9f5d7; } #message_edit_container .message_input.focus { border-color: #282828; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(80, 73, 69, 0.5); color: #1d2021; } @@ -325,14 +326,6 @@ .highlighter_underlay .modifier.incomplete::before { background: #282828; border: 1px solid #282828; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(235, 219, 178, 0.25); border: #504945; } .highlighter_underlay .ghost_text { color: #f9f5d7; } - .c-texty_autocomplete__body { background-color: #1d2021; } - .c-texty_autocomplete--commands { background: #1d2021; box-shadow: 0 0 0 1px #504945, 0 4px 12px 0 #504945; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #282828; color: #f9f5d7; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #1d2021; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #689d6a; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #282828; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #282828; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #f9f5d7; } .pickmeup { background: #1d2021; border: 1px solid #282828; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #f9f5d7; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #282828 !important; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #689d6a; } .p-classic_nav { background: #282828; } .p-classic_nav__model__button { color: #f9f5d7; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #ebdbb2; } .p-classic_nav__model__title__info { color: #f9f5d7; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #1d2021; color: #f9f5d7; } .p-classic_nav__model__title__name--dim { color: #ebdbb2; } .p-classic_nav__right__button { color: #f9f5d7; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #f9f5d7; } .p-classic_nav__right__search:hover { border-color: #ebdbb2; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #ebdbb2; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #f9f5d7; } - .p-classic_nav__team_header { background: #282828; } - .p-classic_nav__model__title__info__topic__edit { color: #689d6a; } .c-message_list__day_divider__label { color: #d79921; } .c-message_list__day_divider__label__pill { background: #1d2021; position: relative; } .c-message_list__day_divider__line { border-top-color: #282828; } @@ -486,8 +475,6 @@ #msgs_overlay_div { background: #1d2021; } #col_messages { box-shadow: inset 1px 0 0 0 #1d2021; } .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 { background-color: #d79921; color: #282828; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #282828; color: #f9f5d7; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #282828; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #d79921; } .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: #d79921; } .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(40, 40, 40, 0.1); } @@ -547,7 +534,6 @@ .c-message_list__spinner { color: #d79921; } .c-message_list .c-scrollbar__bar { background: #282828; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(235, 219, 178, 0.8); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #282828; border-color: #282828; } ts-message { color: #f9f5d7; } 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(40, 40, 40, 0.1); box-shadow: inset 1px 0 0 0 #1d2021; } 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(40, 40, 40, 0.2); } @@ -665,7 +651,6 @@ .c-message__file_meta { color: #d79921; } .c-message__image_container { background: rgba(40, 40, 40, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } - .c-message_kit { background: #282828; } .c-message_kit__labels__label { color: #d79921; } .c-message_kit__file__meta { color: #f9f5d7; } .attachment_group.has_container { background: #1d2021; border: 1px solid #282828; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #f9f5d7; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #f9f5d7; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #282828; background-image: none; color: #f9f5d7; } .p-message_pane__unread_banner__banner { background: #504945; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #f9f5d7; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -891,9 +875,6 @@ .p-threads_view_reply--new_reply { background: #282828; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #282828; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #282828; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #504945; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #689d6a; } - .p-workspace__input .p-message_input_file_button:hover { background: #282828; color: #689d6a; } ts-thread { background: #1d2021; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #282828; color: #f9f5d7; } 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: #282828; border-color: #282828; } @@ -1025,11 +1006,8 @@ .p-flexpane_header { background-color: #282828; border-bottom-color: #282828; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #f9f5d7; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #cc241d; } - .p-flexpane__body--empty { background-color: #1d2021; } .p-flexpane__body .p-thread_drag_overlay { background-color: #282828; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #f9f5d7; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #689d6a; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #cc241d; } #file_list_toggle_users { color: #689d6a; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #cc241d; } #file_list_toggle_users.active { color: #d79921; } @@ -1115,8 +1093,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #f9f5d7; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #282828; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #282828; } + .c-pillow_file__slide { background-color: #282828; } .c-pillow_file_container { background-color: #282828; } .p-file_list, .p-file_list__filters { background: #282828; } .p-file_list__filters { border-color: #282828; } @@ -1132,8 +1109,6 @@ #user_groups_header .user_groups_search .icon_search { color: #d79921; } #user_groups_header a.icon_close { color: #689d6a; } #user_groups_header a.icon_close:hover { color: #cc241d; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #282828; } .user_group_item { border-bottom: 1px solid #504945; } .user_group_item a { color: #689d6a; } #flex_contents .user_group_item:hover { background-color: #1d2021; } @@ -1452,8 +1427,6 @@ .notification_prefs_icon::before { color: #f9f5d7; } .channel_header .channel_header__tabs .channel_header__tab { color: #689d6a; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #cc241d; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #282828; } .channel_modal_header { color: #f9f5d7; } #channel_browser .channel_browser_row { border-top: 1px solid #282828; color: #f9f5d7; } #channel_browser .channel_browser_row_header { color: #f9f5d7; } @@ -1601,9 +1574,6 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #282828, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #282828; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #282828 transparent transparent; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #f9f5d7; } - .p-member_profile_field__label { color: #f9f5d7; } ts-jumper ts-jumper-container { background: #1d2021; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #1d2021; color: #d79921; } ts-jumper input[type=text] { border: 1px solid #282828 !important; color: #f9f5d7; } @@ -2070,7 +2040,7 @@ .quote_block::before { background-color: #504945; } .well { background: #282828; border-color: #232323; color: #f9f5d7; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #d79921; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #504945; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #504945; } .c-tabs__tab { color: #d79921; } .c-tabs__tab:hover { color: #f9f5d7; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #ebdbb2; color: #f9f5d7; } diff --git a/css/variants/midnight-blue-monospaced.css b/css/variants/midnight-blue-monospaced.css index 6f31fd4e..27bc8214 100644 --- a/css/variants/midnight-blue-monospaced.css +++ b/css/variants/midnight-blue-monospaced.css @@ -129,7 +129,7 @@ .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: #303030; } - .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4a4a; } + .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4949; } .btn_basic:focus, .btn_basic:hover { color: #00b9f2; } .btn_outline { background: #000; color: #1793d1 !important; } .btn_outline::after { border: 1px solid #202020; } @@ -154,9 +154,10 @@ .c-filter_input { background: #282828; } .p-share_dialog_message_input { color: #00b9f2; } .c-texty_input .ql-placeholder { color: #00b9f2; } - .p-workspace__input .p-message_input_field { background: #000; border-color: #282828; } - .p-workspace__primary_view_footer { border-color: #181818; } - .p-workspace__secondary_view { border-color: #181818; } + .c-texty_autocomplete { background: #000; box-shadow: 0 0 0 1px #303030, 0 4px 12px 0 #303030; } + .c-texty_autocomplete__result--selected { background: #202020; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #181818; } + .p-workspace__input .p-message_input_field { background: #000; } .ts_toggle .ts_toggle_button { background: #101010; color: #00b9f2; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #181818; } .ts_toggle .ts_toggle_secondary_label { color: #1793d1; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #282828; border-color: #181818; color: #00b9f2; } .inline_message_input_container .ql-container { border-color: #282828; color: #00b9f2; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #303030; } - .c-message--editing, .p-channel_details_section--editing { background: #181818; border-color: #181818; color: #00b9f2; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #202020; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #181818; color: #1793d1; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #299bd4; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #282828; color: #00b9f2; } + .c-message--editing { background: #181818; border-color: #181818; color: #00b9f2; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #bf360c; } + .c-message .c-button { border-color: #202020; } + .c-message .c-button--outline { background-color: #181818; color: #1793d1; } + .c-message .c-button--outline:hover { color: #299bd4; } + .c-message .c-button--primary { background-color: #282828; color: #00b9f2; } #message_edit_container .message_input { background: #282828; border-color: #181818; color: #00b9f2; } #message_edit_container .message_input.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(40, 40, 40, 0.5); color: #000; } @@ -325,14 +326,6 @@ .highlighter_underlay .modifier.incomplete::before { background: #181818; border: 1px solid #101010; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(48, 48, 48, 0.25); border: #282828; } .highlighter_underlay .ghost_text { color: #00b9f2; } - .c-texty_autocomplete__body { background-color: #000; } - .c-texty_autocomplete--commands { background: #000; box-shadow: 0 0 0 1px #282828, 0 4px 12px 0 #282828; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #181818; color: #00b9f2; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #000; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #1793d1; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #202020; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #181818; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #00b9f2; } .pickmeup { background: #000; border: 1px solid #181818; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #00b9f2; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #181818 !important; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #1793d1; } .p-classic_nav { background: #181818; } .p-classic_nav__model__button { color: #00b9f2; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #303030; } .p-classic_nav__model__title__info { color: #00b9f2; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #000; color: #00b9f2; } .p-classic_nav__model__title__name--dim { color: #303030; } .p-classic_nav__right__button { color: #00b9f2; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #00b9f2; } .p-classic_nav__right__search:hover { border-color: #303030; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #303030; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #00b9f2; } - .p-classic_nav__team_header { background: #181818; } - .p-classic_nav__model__title__info__topic__edit { color: #1793d1; } .c-message_list__day_divider__label { color: #1793d1; } .c-message_list__day_divider__label__pill { background: #000; position: relative; } .c-message_list__day_divider__line { border-top-color: #181818; } @@ -486,8 +475,6 @@ #msgs_overlay_div { background: #000; } #col_messages { box-shadow: inset 1px 0 0 0 #000; } .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 { background-color: #fff6d1; color: #181818; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #181818; color: #00b9f2; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #202020; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #1793d1; } .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: #1793d1; } .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(16, 16, 16, 0.1); } @@ -547,7 +534,6 @@ .c-message_list__spinner { color: #1793d1; } .c-message_list .c-scrollbar__bar { background: #202020; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(48, 48, 48, 0.8); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #101010; border-color: #181818; } ts-message { color: #00b9f2; } 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(16, 16, 16, 0.1); box-shadow: inset 1px 0 0 0 #000; } 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(16, 16, 16, 0.2); } @@ -665,7 +651,6 @@ .c-message__file_meta { color: #1793d1; } .c-message__image_container { background: rgba(16, 16, 16, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } - .c-message_kit { background: #181818; } .c-message_kit__labels__label { color: #1793d1; } .c-message_kit__file__meta { color: #00b9f2; } .attachment_group.has_container { background: #000; border: 1px solid #181818; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #00b9f2; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #00b9f2; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #181818; background-image: none; color: #00b9f2; } .p-message_pane__unread_banner__banner { background: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #00b9f2; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -893,9 +877,6 @@ .p-threads_view_reply--new_reply { background: #181818; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #181818; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #181818; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #282828; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #1793d1; } - .p-workspace__input .p-message_input_file_button:hover { background: #202020; color: #1793d1; } ts-thread { background: #000; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #181818; color: #00b9f2; } 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: #181818; border-color: #181818; } @@ -1027,11 +1008,8 @@ .p-flexpane_header { background-color: #181818; border-bottom-color: #202020; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #00b9f2; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #299bd4; } - .p-flexpane__body--empty { background-color: #000; } .p-flexpane__body .p-thread_drag_overlay { background-color: #181818; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #00b9f2; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #1793d1; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #299bd4; } #file_list_toggle_users { color: #1793d1; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #299bd4; } #file_list_toggle_users.active { color: #1793d1; } @@ -1117,8 +1095,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #00b9f2; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #101010; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #101010; } + .c-pillow_file__slide { background-color: #101010; } .c-pillow_file_container { background-color: #101010; } .p-file_list, .p-file_list__filters { background: #181818; } .p-file_list__filters { border-color: #181818; } @@ -1134,8 +1111,6 @@ #user_groups_header .user_groups_search .icon_search { color: #1793d1; } #user_groups_header a.icon_close { color: #1793d1; } #user_groups_header a.icon_close:hover { color: #299bd4; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #181818; } .user_group_item { border-bottom: 1px solid #282828; } .user_group_item a { color: #1793d1; } #flex_contents .user_group_item:hover { background-color: #000; } @@ -1454,8 +1429,6 @@ .notification_prefs_icon::before { color: #00b9f2; } .channel_header .channel_header__tabs .channel_header__tab { color: #1793d1; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #299bd4; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #202020; } .channel_modal_header { color: #00b9f2; } #channel_browser .channel_browser_row { border-top: 1px solid #181818; color: #00b9f2; } #channel_browser .channel_browser_row_header { color: #00b9f2; } @@ -1603,9 +1576,6 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #101010, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #101010; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #101010 transparent transparent; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #00b9f2; } - .p-member_profile_field__label { color: #00b9f2; } ts-jumper ts-jumper-container { background: #000; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #000; color: #1793d1; } ts-jumper input[type=text] { border: 1px solid #101010 !important; color: #00b9f2; } @@ -2072,7 +2042,7 @@ .quote_block::before { background-color: #282828; } .well { background: #101010; border-color: #0b0b0b; color: #00b9f2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #1793d1; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } .c-tabs__tab { color: #1793d1; } .c-tabs__tab:hover { color: #00b9f2; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #303030; color: #00b9f2; } diff --git a/css/variants/midnight-blue.css b/css/variants/midnight-blue.css index 30b49913..91d02e3f 100644 --- a/css/variants/midnight-blue.css +++ b/css/variants/midnight-blue.css @@ -129,7 +129,7 @@ .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: #303030; } - .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4a4a; } + .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus { border-color: #4a4949; } .btn_basic:focus, .btn_basic:hover { color: #00b9f2; } .btn_outline { background: #000; color: #1793d1 !important; } .btn_outline::after { border: 1px solid #202020; } @@ -154,9 +154,10 @@ .c-filter_input { background: #282828; } .p-share_dialog_message_input { color: #00b9f2; } .c-texty_input .ql-placeholder { color: #00b9f2; } - .p-workspace__input .p-message_input_field { background: #000; border-color: #282828; } - .p-workspace__primary_view_footer { border-color: #181818; } - .p-workspace__secondary_view { border-color: #181818; } + .c-texty_autocomplete { background: #000; box-shadow: 0 0 0 1px #303030, 0 4px 12px 0 #303030; } + .c-texty_autocomplete__result--selected { background: #202020; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #181818; } + .p-workspace__input .p-message_input_field { background: #000; } .ts_toggle .ts_toggle_button { background: #101010; color: #00b9f2; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #181818; } .ts_toggle .ts_toggle_secondary_label { color: #1793d1; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #282828; border-color: #181818; color: #00b9f2; } .inline_message_input_container .ql-container { border-color: #282828; color: #00b9f2; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #303030; } - .c-message--editing, .p-channel_details_section--editing { background: #181818; border-color: #181818; color: #00b9f2; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #bf360c; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #202020; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #181818; color: #1793d1; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #299bd4; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #282828; color: #00b9f2; } + .c-message--editing { background: #181818; border-color: #181818; color: #00b9f2; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #282828; border-color: #181818; color: #00b9f2; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #bf360c; } + .c-message .c-button { border-color: #202020; } + .c-message .c-button--outline { background-color: #181818; color: #1793d1; } + .c-message .c-button--outline:hover { color: #299bd4; } + .c-message .c-button--primary { background-color: #282828; color: #00b9f2; } #message_edit_container .message_input { background: #282828; border-color: #181818; color: #00b9f2; } #message_edit_container .message_input.focus { border-color: #181818; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(40, 40, 40, 0.5); color: #000; } @@ -325,14 +326,6 @@ .highlighter_underlay .modifier.incomplete::before { background: #181818; border: 1px solid #101010; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(48, 48, 48, 0.25); border: #282828; } .highlighter_underlay .ghost_text { color: #00b9f2; } - .c-texty_autocomplete__body { background-color: #000; } - .c-texty_autocomplete--commands { background: #000; box-shadow: 0 0 0 1px #282828, 0 4px 12px 0 #282828; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #181818; color: #00b9f2; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #000; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #1793d1; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #202020; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #181818; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #00b9f2; } .pickmeup { background: #000; border: 1px solid #181818; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #00b9f2; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #181818 !important; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #1793d1; } .p-classic_nav { background: #181818; } .p-classic_nav__model__button { color: #00b9f2; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #303030; } .p-classic_nav__model__title__info { color: #00b9f2; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #000; color: #00b9f2; } .p-classic_nav__model__title__name--dim { color: #303030; } .p-classic_nav__right__button { color: #00b9f2; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #00b9f2; } .p-classic_nav__right__search:hover { border-color: #303030; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #303030; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #00b9f2; } - .p-classic_nav__team_header { background: #181818; } - .p-classic_nav__model__title__info__topic__edit { color: #1793d1; } .c-message_list__day_divider__label { color: #1793d1; } .c-message_list__day_divider__label__pill { background: #000; position: relative; } .c-message_list__day_divider__line { border-top-color: #181818; } @@ -486,8 +475,6 @@ #msgs_overlay_div { background: #000; } #col_messages { box-shadow: inset 1px 0 0 0 #000; } .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 { background-color: #fff6d1; color: #181818; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #181818; color: #00b9f2; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #202020; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #1793d1; } .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: #1793d1; } .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(16, 16, 16, 0.1); } @@ -547,7 +534,6 @@ .c-message_list__spinner { color: #1793d1; } .c-message_list .c-scrollbar__bar { background: #202020; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(48, 48, 48, 0.8); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #101010; border-color: #181818; } ts-message { color: #00b9f2; } 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(16, 16, 16, 0.1); box-shadow: inset 1px 0 0 0 #000; } 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(16, 16, 16, 0.2); } @@ -665,7 +651,6 @@ .c-message__file_meta { color: #1793d1; } .c-message__image_container { background: rgba(16, 16, 16, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } - .c-message_kit { background: #181818; } .c-message_kit__labels__label { color: #1793d1; } .c-message_kit__file__meta { color: #00b9f2; } .attachment_group.has_container { background: #000; border: 1px solid #181818; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #00b9f2; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #00b9f2; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #181818; background-image: none; color: #00b9f2; } .p-message_pane__unread_banner__banner { background: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #00b9f2; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -891,9 +875,6 @@ .p-threads_view_reply--new_reply { background: #181818; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #181818; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #181818; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #282828; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #1793d1; } - .p-workspace__input .p-message_input_file_button:hover { background: #202020; color: #1793d1; } ts-thread { background: #000; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #181818; color: #00b9f2; } 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: #181818; border-color: #181818; } @@ -1025,11 +1006,8 @@ .p-flexpane_header { background-color: #181818; border-bottom-color: #202020; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #00b9f2; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #299bd4; } - .p-flexpane__body--empty { background-color: #000; } .p-flexpane__body .p-thread_drag_overlay { background-color: #181818; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #00b9f2; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #1793d1; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #299bd4; } #file_list_toggle_users { color: #1793d1; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #299bd4; } #file_list_toggle_users.active { color: #1793d1; } @@ -1115,8 +1093,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #00b9f2; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #101010; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #101010; } + .c-pillow_file__slide { background-color: #101010; } .c-pillow_file_container { background-color: #101010; } .p-file_list, .p-file_list__filters { background: #181818; } .p-file_list__filters { border-color: #181818; } @@ -1132,8 +1109,6 @@ #user_groups_header .user_groups_search .icon_search { color: #1793d1; } #user_groups_header a.icon_close { color: #1793d1; } #user_groups_header a.icon_close:hover { color: #299bd4; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #181818; } .user_group_item { border-bottom: 1px solid #282828; } .user_group_item a { color: #1793d1; } #flex_contents .user_group_item:hover { background-color: #000; } @@ -1452,8 +1427,6 @@ .notification_prefs_icon::before { color: #00b9f2; } .channel_header .channel_header__tabs .channel_header__tab { color: #1793d1; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #299bd4; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #202020; } .channel_modal_header { color: #00b9f2; } #channel_browser .channel_browser_row { border-top: 1px solid #181818; color: #00b9f2; } #channel_browser .channel_browser_row_header { color: #00b9f2; } @@ -1601,9 +1574,6 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #101010, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #101010; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #101010 transparent transparent; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #00b9f2; } - .p-member_profile_field__label { color: #00b9f2; } ts-jumper ts-jumper-container { background: #000; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #000; color: #1793d1; } ts-jumper input[type=text] { border: 1px solid #101010 !important; color: #00b9f2; } @@ -2070,7 +2040,7 @@ .quote_block::before { background-color: #282828; } .well { background: #101010; border-color: #0b0b0b; color: #00b9f2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #1793d1; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #282828; } .c-tabs__tab { color: #1793d1; } .c-tabs__tab:hover { color: #00b9f2; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #303030; color: #00b9f2; } diff --git a/css/variants/solarized-dark.css b/css/variants/solarized-dark.css index f4662b3a..30b1b9ac 100644 --- a/css/variants/solarized-dark.css +++ b/css/variants/solarized-dark.css @@ -154,9 +154,10 @@ .c-filter_input { background: #003340; } .p-share_dialog_message_input { color: #a1adad; } .c-texty_input .ql-placeholder { color: #a1adad; } - .p-workspace__input .p-message_input_field { background: #002b36; border-color: #003340; } - .p-workspace__primary_view_footer { border-color: #00232c; } - .p-workspace__secondary_view { border-color: #00232c; } + .c-texty_autocomplete { background: #002b36; box-shadow: 0 0 0 1px #003f50, 0 4px 12px 0 #003f50; } + .c-texty_autocomplete__result--selected { background: #002b36; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #00232c; } + .p-workspace__input .p-message_input_field { background: #002b36; } .ts_toggle .ts_toggle_button { background: #00171d; color: #a1adad; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #00232c; } .ts_toggle .ts_toggle_secondary_label { color: #2aa198; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #003340; border-color: #00232c; color: #a1adad; } .inline_message_input_container .ql-container { border-color: #003340; color: #a1adad; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #003f50; } - .c-message--editing, .p-channel_details_section--editing { background: #00232c; border-color: #00232c; color: #a1adad; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #003340; border-color: #00232c; color: #a1adad; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #dc322f; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #002b36; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #00232c; color: #268bd2; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #dc322f; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #003340; color: #a1adad; } + .c-message--editing { background: #00232c; border-color: #00232c; color: #a1adad; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #003340; border-color: #00232c; color: #a1adad; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #dc322f; } + .c-message .c-button { border-color: #002b36; } + .c-message .c-button--outline { background-color: #00232c; color: #268bd2; } + .c-message .c-button--outline:hover { color: #dc322f; } + .c-message .c-button--primary { background-color: #003340; color: #a1adad; } #message_edit_container .message_input { background: #003340; border-color: #00232c; color: #a1adad; } #message_edit_container .message_input.focus { border-color: #00232c; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(0, 51, 64, 0.5); color: #002b36; } @@ -325,14 +326,6 @@ .highlighter_underlay .modifier.incomplete::before { background: #00232c; border: 1px solid #00171d; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(0, 63, 80, 0.25); border: #003340; } .highlighter_underlay .ghost_text { color: #a1adad; } - .c-texty_autocomplete__body { background-color: #002b36; } - .c-texty_autocomplete--commands { background: #002b36; box-shadow: 0 0 0 1px #003340, 0 4px 12px 0 #003340; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #00232c; color: #a1adad; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #002b36; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #268bd2; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #002b36; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #00232c; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #a1adad; } .pickmeup { background: #002b36; border: 1px solid #00232c; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #a1adad; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #00232c !important; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #268bd2; } .p-classic_nav { background: #00232c; } .p-classic_nav__model__button { color: #a1adad; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #003f50; } .p-classic_nav__model__title__info { color: #a1adad; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #002b36; color: #a1adad; } .p-classic_nav__model__title__name--dim { color: #003f50; } .p-classic_nav__right__button { color: #a1adad; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #a1adad; } .p-classic_nav__right__search:hover { border-color: #003f50; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #003f50; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #a1adad; } - .p-classic_nav__team_header { background: #00232c; } - .p-classic_nav__model__title__info__topic__edit { color: #268bd2; } .c-message_list__day_divider__label { color: #2aa198; } .c-message_list__day_divider__label__pill { background: #002b36; position: relative; } .c-message_list__day_divider__line { border-top-color: #00232c; } @@ -486,8 +475,6 @@ #msgs_overlay_div { background: #002b36; } #col_messages { box-shadow: inset 1px 0 0 0 #002b36; } .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 { background-color: #b58900; color: #00232c; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #00232c; color: #a1adad; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #002b36; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #2aa198; } .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: #2aa198; } .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, 23, 29, 0.1); } @@ -547,7 +534,6 @@ .c-message_list__spinner { color: #2aa198; } .c-message_list .c-scrollbar__bar { background: #002b36; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(0, 63, 80, 0.8); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #00171d; border-color: #00232c; } ts-message { color: #a1adad; } 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, 23, 29, 0.1); box-shadow: inset 1px 0 0 0 #002b36; } 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, 23, 29, 0.2); } @@ -665,7 +651,6 @@ .c-message__file_meta { color: #2aa198; } .c-message__image_container { background: rgba(0, 23, 29, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } - .c-message_kit { background: #00232c; } .c-message_kit__labels__label { color: #2aa198; } .c-message_kit__file__meta { color: #a1adad; } .attachment_group.has_container { background: #002b36; border: 1px solid #00232c; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #a1adad; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #a1adad; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #00232c; background-image: none; color: #a1adad; } .p-message_pane__unread_banner__banner { background: #003340; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #a1adad; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -891,9 +875,6 @@ .p-threads_view_reply--new_reply { background: #00232c; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #00232c; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #00232c; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #003340; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #268bd2; } - .p-workspace__input .p-message_input_file_button:hover { background: #002b36; color: #268bd2; } ts-thread { background: #002b36; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #00232c; color: #a1adad; } 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: #00232c; border-color: #00232c; } @@ -1025,11 +1006,8 @@ .p-flexpane_header { background-color: #00232c; border-bottom-color: #002b36; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #a1adad; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #dc322f; } - .p-flexpane__body--empty { background-color: #002b36; } .p-flexpane__body .p-thread_drag_overlay { background-color: #00232c; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #a1adad; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #268bd2; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #dc322f; } #file_list_toggle_users { color: #268bd2; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #dc322f; } #file_list_toggle_users.active { color: #2aa198; } @@ -1115,8 +1093,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #a1adad; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #00171d; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #00171d; } + .c-pillow_file__slide { background-color: #00171d; } .c-pillow_file_container { background-color: #00171d; } .p-file_list, .p-file_list__filters { background: #00232c; } .p-file_list__filters { border-color: #00232c; } @@ -1132,8 +1109,6 @@ #user_groups_header .user_groups_search .icon_search { color: #2aa198; } #user_groups_header a.icon_close { color: #268bd2; } #user_groups_header a.icon_close:hover { color: #dc322f; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #00232c; } .user_group_item { border-bottom: 1px solid #003340; } .user_group_item a { color: #268bd2; } #flex_contents .user_group_item:hover { background-color: #002b36; } @@ -1452,8 +1427,6 @@ .notification_prefs_icon::before { color: #a1adad; } .channel_header .channel_header__tabs .channel_header__tab { color: #268bd2; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #dc322f; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #002b36; } .channel_modal_header { color: #a1adad; } #channel_browser .channel_browser_row { border-top: 1px solid #00232c; color: #a1adad; } #channel_browser .channel_browser_row_header { color: #a1adad; } @@ -1601,9 +1574,6 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #00171d, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #00171d; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #00171d transparent transparent; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #a1adad; } - .p-member_profile_field__label { color: #a1adad; } ts-jumper ts-jumper-container { background: #002b36; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #002b36; color: #2aa198; } ts-jumper input[type=text] { border: 1px solid #00171d !important; color: #a1adad; } @@ -2070,7 +2040,7 @@ .quote_block::before { background-color: #003340; } .well { background: #00171d; border-color: #000f12; color: #a1adad; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #2aa198; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #003340; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #003340; } .c-tabs__tab { color: #2aa198; } .c-tabs__tab:hover { color: #a1adad; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #003f50; color: #a1adad; } diff --git a/css/variants/solarized-light.css b/css/variants/solarized-light.css index d1dbfbd9..44e1a80a 100644 --- a/css/variants/solarized-light.css +++ b/css/variants/solarized-light.css @@ -154,9 +154,10 @@ .c-filter_input { background: #fef9ed; } .p-share_dialog_message_input { color: #586e75; } .c-texty_input .ql-placeholder { color: #586e75; } - .p-workspace__input .p-message_input_field { background: #fdf6e3; border-color: #fef9ed; } - .p-workspace__primary_view_footer { border-color: #fcf3d9; } - .p-workspace__secondary_view { border-color: #fcf3d9; } + .c-texty_autocomplete { background: #fdf6e3; box-shadow: 0 0 0 1px #fffefb, 0 4px 12px 0 #fffefb; } + .c-texty_autocomplete__result--selected { background: #fdf6e3; } + .c-texty_autocomplete__result_highlight, .c-texty_autocomplete__result_highlight--selected { background: #fcf3d9; } + .p-workspace__input .p-message_input_field { background: #fdf6e3; } .ts_toggle .ts_toggle_button { background: #fbeecb; color: #586e75; } .ts_toggle .ts_toggle_button .ts_toggle_handle { background: #fcf3d9; } .ts_toggle .ts_toggle_secondary_label { color: #2aa198; } @@ -219,14 +220,14 @@ #message_edit_container .inline_message_input_container, #message_edit_container .inline_message_input_container.with_file_upload, #threads_msgs .inline_message_input_container, #threads_msgs .inline_message_input_container.with_file_upload, #reply_container.upload_in_threads .inline_message_input_container, #reply_container.upload_in_threads .inline_message_input_container.with_file_upload { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } .inline_message_input_container .ql-container { border-color: #fef9ed; color: #586e75; } .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover { border-color: #fffefb; } - .c-message--editing, .p-channel_details_section--editing { background: #fcf3d9; border-color: #fcf3d9; color: #586e75; } - .c-message__editor__input, .c-message__editor__input--legacy, .p-channel_details_section__editor__input, .p-channel_details_section__editor__input--legacy { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } - .c-message__editor__input.focus, .c-message__editor__input--legacy.focus, .p-channel_details_section__editor__input.focus, .p-channel_details_section__editor__input--legacy.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } - .c-message__editor__warning, .p-channel_details_section__editor__warning { color: #dc322f; } - .c-message .c-button, .p-channel_details_section .c-button { border-color: #fdf6e3; } - .c-message .c-button--outline, .p-channel_details_section .c-button--outline { background-color: #fcf3d9; color: #268bd2; } - .c-message .c-button--outline:hover, .p-channel_details_section .c-button--outline:hover { color: #dc322f; } - .c-message .c-button--primary, .p-channel_details_section .c-button--primary { background-color: #fef9ed; color: #586e75; } + .c-message--editing { background: #fcf3d9; border-color: #fcf3d9; color: #586e75; } + .c-message__editor__input, .c-message__editor__input--legacy { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } + .c-message__editor__input.focus, .c-message__editor__input--legacy.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } + .c-message__editor__warning { color: #dc322f; } + .c-message .c-button { border-color: #fdf6e3; } + .c-message .c-button--outline { background-color: #fcf3d9; color: #268bd2; } + .c-message .c-button--outline:hover { color: #dc322f; } + .c-message .c-button--primary { background-color: #fef9ed; color: #586e75; } #message_edit_container .message_input { background: #fef9ed; border-color: #fcf3d9; color: #586e75; } #message_edit_container .message_input.focus { border-color: #fcf3d9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .ql-editor::-webkit-scrollbar-thumb { background-color: rgba(254, 249, 237, 0.5); color: #fdf6e3; } @@ -325,14 +326,6 @@ .highlighter_underlay .modifier.incomplete::before { background: #fcf3d9; border: 1px solid #fbeecb; } .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before { background: rgba(255, 254, 251, 0.25); border: #fef9ed; } .highlighter_underlay .ghost_text { color: #586e75; } - .c-texty_autocomplete__body { background-color: #fdf6e3; } - .c-texty_autocomplete--commands { background: #fdf6e3; box-shadow: 0 0 0 1px #fef9ed, 0 4px 12px 0 #fef9ed; } - .c-texty_autocomplete--commands .c-texty_autocomplete__group { background-color: #fcf3d9; color: #586e75; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result { background-color: #fdf6e3; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description { color: #268bd2; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result--selected { background: #fdf6e3; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight, .c-texty_autocomplete--commands .c-texty_autocomplete__result_highlight--selected { background: #fcf3d9; } - .c-texty_autocomplete--commands .c-texty_autocomplete__result_title { color: #586e75; } .pickmeup { background: #fdf6e3; border: 1px solid #fcf3d9; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .pickmeup .pmu-instance .pmu-button { color: #586e75; } .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover { background: #fcf3d9 !important; } @@ -433,19 +426,15 @@ #edit_topic_trigger { color: #268bd2; } .p-classic_nav { background: #fcf3d9; } .p-classic_nav__model__button { color: #586e75; } - .p-classic_nav__model_header { opacity: 0.8; } .p-classic_nav__model__title__is_you { color: #fffefb; } .p-classic_nav__model__title__info { color: #586e75; } .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before { background: #fdf6e3; color: #586e75; } .p-classic_nav__model__title__name--dim { color: #fffefb; } .p-classic_nav__right__button { color: #586e75; } - .p-classic_nav__right_header { opacity: 0.8; } .p-classic_nav__right__search { border-color: #586e75; } .p-classic_nav__right__search:hover { border-color: #fffefb; } .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon, .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder { color: #fffefb; } .p-classic_nav__right__search__icon, .p-classic_nav__right__search__placeholder { color: #586e75; } - .p-classic_nav__team_header { background: #fcf3d9; } - .p-classic_nav__model__title__info__topic__edit { color: #268bd2; } .c-message_list__day_divider__label { color: #2aa198; } .c-message_list__day_divider__label__pill { background: #fdf6e3; position: relative; } .c-message_list__day_divider__line { border-top-color: #fcf3d9; } @@ -486,8 +475,6 @@ #msgs_overlay_div { background: #fdf6e3; } #col_messages { box-shadow: inset 1px 0 0 0 #fdf6e3; } .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 { background-color: #b58900; color: #fcf3d9; } - .c-mrkdwn__user_group--link, a:link.c-mrkdwn__user_group--link { background: #fcf3d9; color: #586e75; } - .c-mrkdwn__user_group--link:hover, a:link.c-mrkdwn__user_group--link:hover { background: #fdf6e3; } .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble { color: #2aa198; } .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: #2aa198; } .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(251, 238, 203, 0.1); } @@ -547,7 +534,6 @@ .c-message_list__spinner { color: #2aa198; } .c-message_list .c-scrollbar__bar { background: #fdf6e3; } .c-virtual_list__item--focus:focus .c-message_list__focus_indicator { box-shadow: inset 0 0 0 3px rgba(255, 254, 251, 0.8); } - .c-virtual_list .c-virtual_list--scrollbar .c-scrollbar .c-scrollbar--hidden, .c-virtual_list .c-scrollbar__hider { background: #fbeecb; border-color: #fcf3d9; } ts-message { color: #586e75; } 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(251, 238, 203, 0.1); box-shadow: inset 1px 0 0 0 #fdf6e3; } 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(251, 238, 203, 0.2); } @@ -665,7 +651,6 @@ .c-message__file_meta { color: #2aa198; } .c-message__image_container { background: rgba(251, 238, 203, 0.1); } .c-message__image_wrapper:after { border-color: transparent; } - .c-message_kit { background: #fcf3d9; } .c-message_kit__labels__label { color: #2aa198; } .c-message_kit__file__meta { color: #586e75; } .attachment_group.has_container { background: #fdf6e3; border: 1px solid #fcf3d9; } @@ -754,7 +739,6 @@ .p-message_pane_banner__body--wider-text, .p-message_pane_banner__close_icon, .p-message_pane_banner__header { color: #586e75; } .p-message_pane_banner::before { background-color: #222222; border-bottom-color: #222222; } .p-message_pane__foreword__description, .p-message_pane__limited_history_alert { color: #586e75; } - .p-message_pane_input_broadcast_warning { background-color: #222222; } .p-message_pane__limited_history_foreword { background: #fcf3d9; background-image: none; color: #586e75; } .p-message_pane__unread_banner__banner { background: #fef9ed; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } .messages_banner { color: #586e75; text-shadow: 0 1px rgba(0, 0, 0, 0.15); } @@ -891,9 +875,6 @@ .p-threads_view_reply--new_reply { background: #fcf3d9; } .p-threads_footer__input .p-message_input_field, .p-threads_footer__input--legacy .p-message_input_field { background: #fcf3d9; } .p-threads_footer__input .p-message_input_file_button, .p-threads_footer__input--legacy .p-message_input_file_button { background: #fcf3d9; } - .p-workspace__input .p-message_input_field, .p-workspace__input .p-message_input_field.focus { border-color: #fef9ed; } - .p-workspace__input .p-message_input_field ~ .p-message_input_file_button:not(:hover), .p-workspace__input .p-message_input_field.focus ~ .p-message_input_file_button:not(:hover) { color: #268bd2; } - .p-workspace__input .p-message_input_file_button:hover { background: #fdf6e3; color: #268bd2; } ts-thread { background: #fdf6e3; } ts-thread .reply_input_container .inline_message_input_container form textarea { border-color: #fcf3d9; color: #586e75; } 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: #fcf3d9; border-color: #fcf3d9; } @@ -1025,11 +1006,8 @@ .p-flexpane_header { background-color: #fcf3d9; border-bottom-color: #fdf6e3; } .p-flexpane_header__control, .p-flexpane_header__control .c-icon { color: #586e75; } .p-flexpane_header__control:hover, .p-flexpane_header__control .c-icon:hover { color: #dc322f; } - .p-flexpane__body--empty { background-color: #fdf6e3; } .p-flexpane__body .p-thread_drag_overlay { background-color: #fcf3d9; } .p-flexpane__body .p-thread_drag_overlay__subtitle, .p-flexpane__body .p-thread_drag_overlay__title { color: #586e75; } - .c-icon_button--light, .c-icon_button--light.c-button-unstyled { color: #268bd2; } - .c-icon_button--light:hover, .c-icon_button--light.c-button-unstyled:hover { color: #dc322f; } #file_list_toggle_users { color: #268bd2; } #file_list_toggle_users.active:hover, #file_list_toggle_users:hover { color: #dc322f; } #file_list_toggle_users.active { color: #2aa198; } @@ -1115,8 +1093,7 @@ .p-file_details__meta_container .c-file__action_button { color: #fff; } .c-pillow_file__content--collapsed::after { background: linear-gradient(0deg, #222222, rgba(255, 255, 255, 0) 40px); } .c-pillow_file__description, .c-pillow_file__email__attachments__count, .c-pillow_file__email__attachment__meta, .c-pillow_file__email__meta__field, .c-pillow_file__email__sender__address, .c-pillow_file__snippet_truncated, .c-pillow_file__title { color: #586e75; } - .c-pillow_file__snippet__content .CodeMirror { background-color: #fbeecb; } - .c-pillow_file__slide, .c-pillow_file__swap { background-color: #fbeecb; } + .c-pillow_file__slide { background-color: #fbeecb; } .c-pillow_file_container { background-color: #fbeecb; } .p-file_list, .p-file_list__filters { background: #fcf3d9; } .p-file_list__filters { border-color: #fcf3d9; } @@ -1132,8 +1109,6 @@ #user_groups_header .user_groups_search .icon_search { color: #2aa198; } #user_groups_header a.icon_close { color: #268bd2; } #user_groups_header a.icon_close:hover { color: #dc322f; } - .p-user_group_base_row__list_item { background: transparent; } - .p-user_group_base_row__list_item:hover { background: #fcf3d9; } .user_group_item { border-bottom: 1px solid #fef9ed; } .user_group_item a { color: #268bd2; } #flex_contents .user_group_item:hover { background-color: #fdf6e3; } @@ -1452,8 +1427,6 @@ .notification_prefs_icon::before { color: #586e75; } .channel_header .channel_header__tabs .channel_header__tab { color: #268bd2; } .channel_header .channel_header__tabs .channel_header__tab:hover { color: #dc322f; } - .p-channel_details__heading, .p-channel_details__created_link, .p-channel_details__created_link:hover, .p-channel_details__similar_channels_channel :hover { color: inherit; } - .p-highlights_section__group_title_label { background: #fdf6e3; } .channel_modal_header { color: #586e75; } #channel_browser .channel_browser_row { border-top: 1px solid #fcf3d9; color: #586e75; } #channel_browser .channel_browser_row_header { color: #586e75; } @@ -1601,9 +1574,6 @@ .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask { background: linear-gradient(to left, #fbeecb, rgba(255, 255, 255, 0)); } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before { border-color: transparent transparent transparent #fbeecb; } .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after { border-color: #fbeecb transparent transparent; } - .p-member_profile_card { background: #222222; } - .p-member_profile_name__link, .p-member_profile_name__link:hover { color: #586e75; } - .p-member_profile_field__label { color: #586e75; } ts-jumper ts-jumper-container { background: #fdf6e3; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } ts-jumper ts-jumper-help, ts-jumper .p-jumper__help { background: #fdf6e3; color: #2aa198; } ts-jumper input[type=text] { border: 1px solid #fbeecb !important; color: #586e75; } @@ -2070,7 +2040,7 @@ .quote_block::before { background-color: #fef9ed; } .well { background: #fbeecb; border-color: #fbebc2; color: #586e75; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span { color: #2aa198; } - .c-tabs__tab_menu, .c-tabs__tab_count { background-color: transparent; box-shadow: inset 0 -2px 0 0 #fef9ed; } + .c-tabs__tab_menu { background-color: transparent; box-shadow: inset 0 -2px 0 0 #fef9ed; } .c-tabs__tab { color: #2aa198; } .c-tabs__tab:hover { color: #586e75; } .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus { box-shadow: inset 0 -2px 0 0 #fffefb; color: #586e75; } diff --git a/scss/modules/header/_base.scss b/scss/modules/header/_base.scss index 88ef9bb0..f22403c6 100644 --- a/scss/modules/header/_base.scss +++ b/scss/modules/header/_base.scss @@ -208,7 +208,3 @@ background: $color-shade-dark; } } - -.p-classic_nav__model__title__info__topic__edit { - color: $base-link-color; -} From 3a8318474c7497a166c06b24c59ae9b378818942 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Thu, 29 Aug 2019 09:14:39 -0400 Subject: [PATCH 07/21] Update Channel Edit Button Color --- scss/modules/header/_base.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/scss/modules/header/_base.scss b/scss/modules/header/_base.scss index f22403c6..88ef9bb0 100644 --- a/scss/modules/header/_base.scss +++ b/scss/modules/header/_base.scss @@ -208,3 +208,7 @@ background: $color-shade-dark; } } + +.p-classic_nav__model__title__info__topic__edit { + color: $base-link-color; +} From 28860a5a9527c612ebe0dcf0333839d0746c4dab Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Thu, 29 Aug 2019 09:18:39 -0400 Subject: [PATCH 08/21] Move Style to Existing Location --- scss/modules/header/_base.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/scss/modules/header/_base.scss b/scss/modules/header/_base.scss index 88ef9bb0..1d9f796b 100644 --- a/scss/modules/header/_base.scss +++ b/scss/modules/header/_base.scss @@ -163,6 +163,10 @@ color: $base-font-color; } } + + &__edit { + color: $base-link-color; + } } } @@ -208,7 +212,3 @@ background: $color-shade-dark; } } - -.p-classic_nav__model__title__info__topic__edit { - color: $base-link-color; -} From 877202de09e32272974f7a94ff47e3d0cac9035c Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Thu, 29 Aug 2019 09:23:18 -0400 Subject: [PATCH 09/21] Update Message Link Color --- scss/modules/messaging/_threads.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/scss/modules/messaging/_threads.scss b/scss/modules/messaging/_threads.scss index 3316cb8c..0fd9600f 100644 --- a/scss/modules/messaging/_threads.scss +++ b/scss/modules/messaging/_threads.scss @@ -248,3 +248,11 @@ ts-thread .reply_input_container .reply_limited { background-color: $color-shade-dark; border-bottom-color: $color-shade-dark; } + +.c-link--button { + color: $base-link-color; + + &:hover { + color: $base-link-color-active; + } +} From 4b0b1a2ccd03842ab5a8fe307adaaa53977a00d6 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Thu, 29 Aug 2019 10:02:20 -0400 Subject: [PATCH 10/21] Update Mention Color and Organize in One Place --- scss/modules/emojis/_reactions.scss | 6 ------ scss/modules/flexpane/_mentions.scss | 13 +++++++++++++ scss/modules/messaging/_base.scss | 6 ------ 3 files changed, 13 insertions(+), 12 deletions(-) diff --git a/scss/modules/emojis/_reactions.scss b/scss/modules/emojis/_reactions.scss index 71db3677..b73757f2 100644 --- a/scss/modules/emojis/_reactions.scss +++ b/scss/modules/emojis/_reactions.scss @@ -33,9 +33,3 @@ color: rgba($base-font-color, 0.25); } } - -a.c-member_slug--mention, -a.c-member_slug--mention:hover { - background-color: $color-yellow; - color: $color-shade-dark; -} diff --git a/scss/modules/flexpane/_mentions.scss b/scss/modules/flexpane/_mentions.scss index 4c9e63f9..ec969393 100644 --- a/scss/modules/flexpane/_mentions.scss +++ b/scss/modules/flexpane/_mentions.scss @@ -35,3 +35,16 @@ a.c-member_slug, color: $base-font-color; } } + +a.c-member_slug--mention, +a.c-member_slug--mention:hover, +.c-mrkdwn__broadcast--mention, +.c-mrkdwn__broadcast--mention:hover, +.c-mrkdwn__mention, +.c-mrkdwn__mention:hover, +.c-mrkdwn__subteam--mention, +.c-mrkdwn__subteam--mention:hover { + background-color: $base-font-color; + border: 1px solid $color-shade-light; + color: $color-shade-darker; +} diff --git a/scss/modules/messaging/_base.scss b/scss/modules/messaging/_base.scss index 66521c69..c623c806 100644 --- a/scss/modules/messaging/_base.scss +++ b/scss/modules/messaging/_base.scss @@ -6,13 +6,7 @@ box-shadow: inset 1px 0 0 0 $color-base; } -.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 { background-color: $color-yellow; color: $color-shade-dark; From 8d9a527077510d58ba01c95a8df7a056e66db3d3 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Thu, 29 Aug 2019 12:50:08 -0400 Subject: [PATCH 11/21] Update Shared Post Author Name Color --- scss/modules/messaging/_attachments.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/scss/modules/messaging/_attachments.scss b/scss/modules/messaging/_attachments.scss index 0c735627..5a94f657 100644 --- a/scss/modules/messaging/_attachments.scss +++ b/scss/modules/messaging/_attachments.scss @@ -21,7 +21,7 @@ color: $color-shade-light; } - &__author + &__author, &__author--distinct { color: $base-link-color; } @@ -32,6 +32,14 @@ &__author_name { color: $base-link-color; + + &.c-link--button { + color: $base-link-color; + + &:hover { + color: $base-link-color-active; + } + } } &__title_link span { From fbcc6ab03b3e858d8310ac37979ea3a72604c5cb Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Thu, 29 Aug 2019 15:51:14 -0400 Subject: [PATCH 12/21] Update App Textarea Color --- scss/modules/modals/_apps.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/scss/modules/modals/_apps.scss b/scss/modules/modals/_apps.scss index 26fb4e58..07403e07 100644 --- a/scss/modules/modals/_apps.scss +++ b/scss/modules/modals/_apps.scss @@ -64,6 +64,12 @@ } .p-app { + &_dialog { + &__title_text { + color: $base-font-color; + } + } + &_space { background-color: $color-shade-dark; @@ -112,3 +118,7 @@ } } } + +textarea.c-input_textarea { + background-color: $color-base; +} From fdeb6c2b7a74bdc2a15db1bbc14e2405b007bde4 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Tue, 3 Sep 2019 11:36:21 -0400 Subject: [PATCH 13/21] Update Menu Description Text Color --- scss/modules/menu/_base.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/scss/modules/menu/_base.scss b/scss/modules/menu/_base.scss index 177293ee..3e857754 100644 --- a/scss/modules/menu/_base.scss +++ b/scss/modules/menu/_base.scss @@ -169,8 +169,8 @@ .c-menu_item { - &__label { - color: $white; + &__description { + color: $base-link-color; } &__header { @@ -181,6 +181,10 @@ color: $color-shade-lightest; } + &__label { + color: $white; + } + &__shortcut { color: $base-font-color; } From c4de8dba7fb9f8125842c9d1098577311bcf2582 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Wed, 4 Sep 2019 09:05:29 -0400 Subject: [PATCH 14/21] Update Pinned Items Card Color --- scss/modules/messaging/_attachments.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/scss/modules/messaging/_attachments.scss b/scss/modules/messaging/_attachments.scss index 5a94f657..caf0ab9f 100644 --- a/scss/modules/messaging/_attachments.scss +++ b/scss/modules/messaging/_attachments.scss @@ -148,6 +148,16 @@ &__file__meta { color: $base-font-color; } + + &__message { + background-color: $color-shade-darkest; + } +} + +.p-pinned_items { + &__remove_item { + color: $base-link-color; + } } .attachment_group { From 8c33eeb593498e7e5cd321b8bb2dc9c9f2d267d4 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Wed, 4 Sep 2019 12:32:27 -0400 Subject: [PATCH 15/21] Update App Search Input Box Text Color --- scss/modules/inputs/_base.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/scss/modules/inputs/_base.scss b/scss/modules/inputs/_base.scss index d328ea1a..fabbc562 100644 --- a/scss/modules/inputs/_base.scss +++ b/scss/modules/inputs/_base.scss @@ -339,6 +339,10 @@ textarea { .c-filter_input { background: $color-shade-light; + + &__input[type=text][placeholder] { + color: $base-font-color; + } } .p-share_dialog_message_input { From c24249b02cb3de64e4bc534d90d47c48e37c2a06 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Wed, 4 Sep 2019 12:34:18 -0400 Subject: [PATCH 16/21] Update App Link Icon Color --- scss/modules/menu/_base.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/scss/modules/menu/_base.scss b/scss/modules/menu/_base.scss index 3e857754..8a45fc00 100644 --- a/scss/modules/menu/_base.scss +++ b/scss/modules/menu/_base.scss @@ -169,7 +169,8 @@ .c-menu_item { - &__description { + &__description, + &__link_icon { color: $base-link-color; } From 3bd79a402e45cdc7690e4941209339c95263b9c4 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Wed, 4 Sep 2019 12:37:17 -0400 Subject: [PATCH 17/21] Update 'About this app' Description Text Color --- scss/modules/pages/_apps.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/scss/modules/pages/_apps.scss b/scss/modules/pages/_apps.scss index 7ac25ebe..00589737 100644 --- a/scss/modules/pages/_apps.scss +++ b/scss/modules/pages/_apps.scss @@ -446,3 +446,7 @@ table.gray_header_border tr:first-child th:not(:only-of-type) { background-color: $color-green; } } + +.sk_primary_foreground { + color: $base-font-color; +} From ea527d92bcd0a3cd6f0f9fa629cd4293cb737fc2 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Fri, 6 Sep 2019 13:32:29 -0400 Subject: [PATCH 18/21] Update Team Menu Subtitle Color --- scss/modules/header/_base.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/scss/modules/header/_base.scss b/scss/modules/header/_base.scss index 1d9f796b..e7a0fea0 100644 --- a/scss/modules/header/_base.scss +++ b/scss/modules/header/_base.scss @@ -208,6 +208,14 @@ } } + &__team_menu { + &__blurb { + &__sub { + color: $base-link-color; + } + } + } + &__team_header { background: $color-shade-dark; } From b0e28d5d64af78ddf2568f63709dd97c1484b669 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Fri, 6 Sep 2019 13:50:11 -0400 Subject: [PATCH 19/21] Multiple Preference Page Style Update --- scss/modules/modals/_base.scss | 42 ++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/scss/modules/modals/_base.scss b/scss/modules/modals/_base.scss index 52da48dc..99ba9ed7 100644 --- a/scss/modules/modals/_base.scss +++ b/scss/modules/modals/_base.scss @@ -94,6 +94,18 @@ background: $color-base; color: $base-font-color; } + + &__close { + color: $base-link-color; + + &:hover { + color: $base-link-color-active; + } + } + + &__header { + background: $color-base; + } } .p-dm_browser_modal { @@ -111,3 +123,33 @@ } } } + +.p-prefs_modal__radiogroup { + .p-prefs_modal__radio_decorator { + background-color: $color-shade-dark; + } +} +.p-prefs_modal__notification_example.p-prefs_modal__notification_example--mac { + background-color: $color-base; + color: $base-font-color; +} + +.c-select { + &_button { + background-color: $color-shade-dark; + + &:active { + background-color: $color-shade-mid; + } + } + + &_options_list { + &__option { + color: $base-link-color; + } + + &__wrapper { + background-color: $color-shade-dark; + } + } +} From 2757dcd1f806ba9289b3f86164779d73135a7ebb Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Fri, 6 Sep 2019 14:03:32 -0400 Subject: [PATCH 20/21] Update Profile Button Color --- scss/modules/modals/_base.scss | 29 ++++++++++++++++++++++------- 1 file changed, 22 insertions(+), 7 deletions(-) diff --git a/scss/modules/modals/_base.scss b/scss/modules/modals/_base.scss index 99ba9ed7..d3880bf8 100644 --- a/scss/modules/modals/_base.scss +++ b/scss/modules/modals/_base.scss @@ -124,14 +124,22 @@ } } -.p-prefs_modal__radiogroup { - .p-prefs_modal__radio_decorator { - background-color: $color-shade-dark; +.p-prefs_modal { + &__notification_example.p-prefs_modal__notification_example { + &--none, + &--linux, + &--mac, + &--windows { + background-color: $color-base; + color: $base-font-color; + } + } + + &__radiogroup { + .p-prefs_modal__radio_decorator { + background-color: $color-shade-dark; + } } -} -.p-prefs_modal__notification_example.p-prefs_modal__notification_example--mac { - background-color: $color-base; - color: $base-font-color; } .c-select { @@ -153,3 +161,10 @@ } } } + +.c-button { + &--outline { + background-color: $color-shade-dark; + color: $base-link-color; + } +} From 76777e727007ce12d220da2de13981f01b1816c8 Mon Sep 17 00:00:00 2001 From: Zeng Sheng Liu Date: Fri, 6 Sep 2019 15:52:41 -0400 Subject: [PATCH 21/21] Update Status Text Color --- scss/modules/header/_base.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/scss/modules/header/_base.scss b/scss/modules/header/_base.scss index e7a0fea0..9cda5682 100644 --- a/scss/modules/header/_base.scss +++ b/scss/modules/header/_base.scss @@ -174,6 +174,12 @@ &--dim { color: $color-shade-lightest; } + + &__status { + &--im { + color: $base-link-color; + } + } } } }