Skip to content
This repository has been archived by the owner on Sep 27, 2024. It is now read-only.

Commit

Permalink
wip
Browse files Browse the repository at this point in the history
mallowigi committed Oct 8, 2023

Verified

This commit was signed with the committer’s verified signature.
redshiftzero redshiftzero
1 parent 5edc71c commit 2c1bda9
Showing 34 changed files with 1,601 additions and 3,162 deletions.
664 changes: 635 additions & 29 deletions dist/slack.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/slack.min.css

Large diffs are not rendered by default.

3,030 changes: 0 additions & 3,030 deletions sources/_new_ui.scss

Large diffs are not rendered by default.

14 changes: 14 additions & 0 deletions styles/app/_add-to-slack.scss
Original file line number Diff line number Diff line change
@@ -114,6 +114,7 @@
.p-setup_prog_disc_invite_modal_explainer_tip {
background-color: $notif;
}

.sk-client-theme--dark .p-add_to_slack_confirmation__comprehensible_modal .c-sk-modal_header,
.p-add_to_slack_confirmation__comprehensible_modal .c-sk-modal_header {
background-color: $bg2;
@@ -138,3 +139,16 @@
background-color: $notif;
color: $fg;
}

.p-huddle_call_menu_item__banner_container {
color: $selectFg;

.c-menu_item__icon {
color: $selectFg;
}

.p-huddle_call_menu_item__banner-bottom-container {
background-color: $accentT;
color: $selectFg;
}
}
25 changes: 23 additions & 2 deletions styles/app/_apps_browser.scss
Original file line number Diff line number Diff line change
@@ -5,7 +5,10 @@
.p-apps_browser_links__link {
color: $primary;

&:active, &:hover, &:link, &:visited {
&:active,
&:hover,
&:link,
&:visited {
color: $accent2;
}
}
@@ -134,7 +137,8 @@
background-color: #f33d5f;
}

&.first:before, &:first-child:before {
&.first:before,
&:first-child:before {
background-color: #29a979;
border: 2px solid $bg;
}
@@ -158,3 +162,20 @@
color: $accent2;
border: 1.5px solid $accent2;
}

.supports_custom_scrollbar .p-apps_browser__apps_list {
&:hover {
&::-webkit-scrollbar-thumb {
background: $accentT;
box-shadow:
inset 0 -2px,
inset 0 -3px,
inset 0 2px,
inset 0 3px;
}
}
}

.p-channel_details__huddles_link_ctas_button_container {
border-bottom: 1px solid $border;
}
10 changes: 10 additions & 0 deletions styles/app/_call.scss
Original file line number Diff line number Diff line change
@@ -64,3 +64,13 @@
color: $accent2;
}
}

.p-call_menu__migration-menu-item {
.c-menu_item__li .p-classic_nav__call-menu-text {
color: $text;
}

.c-menu_item__li--highlighted .p-classic_nav__call-menu-text {
color: $selectFg;
}
}
31 changes: 31 additions & 0 deletions styles/app/_champion.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
.p-champion_suggest_message_container {
background: $accent;
}

.sk-client-theme--dark .p-champion_suggest_message_container {
background-color: $bg2;
color: $selectFg;
}

.p-champion_suggest_message {
.p-champion_suggest_message_dismissal .p-champion_suggest_message_dismissal_icon,
.p-champion_suggest_message_text {
color: $selectFg;
}
}

.p-champion_suggest_message__btn {
background-color: $button;
color: $fg;
}

.sk-client-theme--dark .p-champion_suggest_message__btn {
background-color: $button;
border-color: $button;

&:active,
&:hover {
background-color: $hl;
border-color: $hl;
}
}
38 changes: 38 additions & 0 deletions styles/app/_channel_awareness.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
.p-channel_awareness_suggest_message_container {
background: $accent;
}

.sk-client-theme--dark .p-channel_awareness_suggest_message_container {
background-color: $accent;
color: $selectFg;
}

.p-channel_awareness_suggest_message_container .p-channel_awareness_suggest_message {
.p-setup_suggest_message__btn {
background-color: $button;
color: $fg;
}
}

.sk-client-theme--dark
.p-channel_awareness_suggest_message_container
.p-channel_awareness_suggest_message
.p-setup_suggest_message__btn {
background-color: $button;
color: $fg;
}

.p-channel_awareness_suggest_message_container
.p-channel_awareness_suggest_message
.p-channel_awareness_suggest_message_dismissal
.p-channel_awareness_suggest_message_dismissal_icon {
color: $selectFg;
}

.sk-client-theme--dark
.p-channel_awareness_suggest_message_container
.p-channel_awareness_suggest_message
.p-channel_awareness_suggest_message_dismissal
.p-channel_awareness_suggest_message_dismissal_icon {
color: $selectFg;
}
16 changes: 16 additions & 0 deletions styles/app/_channel_insights.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
.p-channel_insights__key_insight_container {
color: $text;
}

.p-channel_insights__key_insight_cell {
border: 1px solid $border;
color: $fg;
}

.p-channel_insights__key_insight_ttfr_change_up {
color: $green;
}

.p-channel_insights__action_open_insights_dash {
color: $accent !important;
}
27 changes: 25 additions & 2 deletions styles/app/_classic_nav.scss
Original file line number Diff line number Diff line change
@@ -2,7 +2,6 @@
// background: $bg2;
// color: $fg;
//}

.p-ia__view_header__info .p-classic_nav__model__title__info__topic--empty:hover {
color: $primary;
}
@@ -118,7 +117,9 @@
.p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text:before,
.p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before {
background: $bg;
box-shadow: inset 0 0 0 1px $border, 0 1px 1px 0 rgba(0, 0, 0, 0.05);
box-shadow:
inset 0 0 0 1px $border,
0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.p-classic_nav__model__button {
@@ -347,3 +348,25 @@
.p-ia__view_header__button--huddles {
border: 1px solid $borderLight;
}

.p-classic_nav__legacy-call-menu_icon {
background-color: $excluded;
color: $disabled;
}

.p-call_menu_call_button__learn_more_link_container.p-call_menu__huddle_discovery_link_container__phase3 {
color: $accent2;
}

.sk-client-theme--dark
.p-call_menu_call_button__learn_more_link_container.p-call_menu__huddle_discovery_link_container__phase3 {
color: $fg;
}

.p-call_menu_call_button__learn_more_link.p-call_menu_call_button__learn_more_link__phase3 {
color: $accent2;
}

.sk-client-theme--dark .p-call_menu_call_button__learn_more_link.p-call_menu_call_button__learn_more_link__phase3 {
color: $fg;
}
95 changes: 95 additions & 0 deletions styles/app/_create_channel.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
.p-create_channel_modal {
.p-create_channel_modal-alert_above_content button {
color: $accent;
}

.callout--pro {
background-color: $accent;
color: $selectFg;
}
}

.sk-client-theme--dark .p-create_channel_modal .callout--pro {
background-color: $accent;
color: $selectFg;
}

.p-create_channel_modal .p-channel_create_trial_started_coachmark {
background-color: $notif;
color: $fg;

&:before {
background: $notif;
}
}

.sk-client-theme--dark .p-create_channel_modal .p-channel_create_trial_started_coachmark {
background-color: $notif;
color: $fg;

&:before {
background: $notif;
}
}

.p-create_channel_modal .p-start_trial_modal_speedbump__container {
border-top-color: $borderLight;
}

.sk-client-theme--dark .p-create_channel_modal .p-start_trial_modal_speedbump__container {
border-top-color: $borderLight;
}

.p-create_channel_modal {
.p-channel_create_trial_started_speedbump .c-icon,
.p-start_trial_modal_speedbump__trial_icon {
color: $accent;
}
}

.sk-client-theme--dark .p-create_channel_modal {
.p-channel_create_trial_started_speedbump .c-icon,
.p-start_trial_modal_speedbump__trial_icon {
color: $accent;
}
}

.p-create_channel_modal .c-modal_speed_bump_content {
background-color: $bg2;
color: $fg;
}

.sk-client-theme--dark .p-create_channel_modal .c-modal_speed_bump_content {
background-color: $bg2;
color: $fg;
}

.p-create_channel_modal_workspace-selector .c-select_options_list__option {
&.c-select_options_list__option--disabled {
color: $disabled;

.c-team_entity__icon--default {
background-color: $disabled;
}
}

&:not(.c-select_options_list__option--disabled) {
&.c-select_options_list__option--selected .c-team_entity__icon--default {
background-color: $accent;
}

&.c-select_options_list__option--active .c-team_entity__icon--default,
&:hover .c-team_entity__icon--default {
background-color: $bg;
color: $accent;
}
}
}

.p-channel_create_trial_started_coachmark:before {
background: $bg2;
}

.sk-client-theme--dark .p-channel_create_trial_started_coachmark:before {
background: $bg2;
}
20 changes: 20 additions & 0 deletions styles/app/_csv-tsv-viewer.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
.p-csv_tsv_viewer {
background: $bg;
border-left: 1px solid $border;
border-top: 1px solid $border;
font-family: $monoFont !important;

.c-virtual_list__item .p-csv_tsv_viewer__row {
&:before {
background: $bg2;
border-right: 1px solid $border;
color: $text;
font-family: $monoFont !important;
}

.p-csv_tsv_viewer__col {
border-bottom: 1px solid $border;
border-right: 1px solid $border;
}
}
}
14 changes: 12 additions & 2 deletions styles/app/_drafts.scss
Original file line number Diff line number Diff line change
@@ -35,7 +35,9 @@
}

.p-drafts_page__draft--focused {
box-shadow: 0 0 0 1px $primary, 0 0 0 5px $primaryT;
box-shadow:
0 0 0 1px $primary,
0 0 0 5px $primaryT;
}

.p-drafts_page__draft_badge--text {
@@ -114,7 +116,6 @@
//.p-drafts_page__older_drafts_label:after {
// color: $border;
//}

.p-drafts_page__draft_date_scheduled {
color: $text;
}
@@ -154,3 +155,12 @@
background-color: $bg2;
color: $fg;
}

.p-draft_unfurls__unfurl_document_subheader,
.p-draft_unfurls__unfurl_subheader {
color: $disabled;
}

.p-draft_unfurls__attachment__access-level-select {
color: $accent;
}
67 changes: 50 additions & 17 deletions styles/app/_edit_profile.scss
Original file line number Diff line number Diff line change
@@ -32,35 +32,68 @@
border: 4px dashed $hl;
}

.p-edit_profile__centered_primary--background {
background: $bg2;
.p-edit_prefs_settings_modal__footer_text {
color: $text;
}

.p-edit_profile__cropper {
background-color: $bg !important;
.p-edit_profile_section_form_pane__current_location_clear--text {
color: $primary;
}

.p-edit_profile__upload_preview_label {
color: $text;
.p-edit_profile_section_form_pane__modal-content {
border-bottom: $borderLight;
border-top: $borderLight;
}

.p-edit_profile__date_button {
border: 1px solid $primary;
.p-edit_profile__sc_visibility_checkbox {
color: $fg;
}

.p-edit_profile__rules {
color: $fg;
.p-edit_profile__external_profiles_coachmark_container {
background-color: $bg;

.p-edit_profile__external_profiles_coachmark--body {
color: $disabled;
}

&:after {
border-bottom: 12px solid $border;
}
}

.p-edit_prefs_settings_modal__footer_text {
color: $text;
.p-edit_profile__disabled_text {
color: $disabled;
}

.p-edit_profile_section_form_pane__current_location_clear--text {
color: $primary;
.list__il965 .c-virtual_list__item {
border: 1px solid $borderLight;
border-bottom: 0;

&:last-child {
border: 1px solid $borderLight;
}
}

.p-edit_profile_section_form_pane__modal-content {
border-bottom: $borderLight;
border-top: $borderLight;
.item__sxbRf {
&:focus {
color: $fg;
}

&:hover {
color: $fg;
background-color: $tree;
}
}

.p-edit_profile_photo_drag_overlay {
background: $overlay;
border: 4px solid $accent;
}

.sk-client-theme--dark .p-edit_profile_photo_drag_overlay {
background: $overlay;
}

.p-edit_profile_photo_drag_overlay__title {
color: $accent;
}
8 changes: 8 additions & 0 deletions styles/app/_embedded.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,11 @@
.p-embedded_link_editor__edit_view__footer .p-embedded_link_editor__edit_view__cancel_button {
color: $fg;
}

.p-embedded_message_header__secondary {
color: $text !important;

.p-embedded_message_header__secondary__inline_channel_link {
color: $text !important;
}
}
12 changes: 12 additions & 0 deletions styles/app/_emojis.scss
Original file line number Diff line number Diff line change
@@ -571,3 +571,15 @@ input[type='text'].c-input_text.p-emoji_picker__input {
.p-emoji_multi_skintone_popover__pointer--bottom {
box-shadow: -1px -1px 0 0 $border;
}

.emoji_container__k64O4 {
background-color: $bg2;
}

.info_description__DXznx {
color: $text;
}

.status__38Qi\+ {
color: $green;
}
20 changes: 20 additions & 0 deletions styles/app/_experiment_client_insights.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
.p-experiment_client_insights__viewers_by_content {
border: 1px solid $bg2;
}

.p-experiment_client_insights_key_insight_container {
color: $text;
}

.p-experiment_client_insights_key_insight_container--small {
background-color: $bg;
}

.p-experiment_client_insights_key_insight_cell {
border: 1px solid $border;
color: $bg;
}

.p-experiment_client_insights__test_graph .c3-chart-texts text {
fill: $text !important;
}
128 changes: 124 additions & 4 deletions styles/app/_file_upload.scss
Original file line number Diff line number Diff line change
@@ -69,10 +69,6 @@
color: $primary;
}

.p-multi_file_upload__file_count {
color: $fg;
}

.p-multi_file_upload__file_status_btn {
background: $button;
}
@@ -232,3 +228,127 @@
.p-new_file_menu_source_header--composer_ia {
color: $fg;
}

.p-file_card--focus {
box-shadow:
0 0 0 1px $border,
0 1px 3px 0 #00000014;
box-shadow:
0 0 0 1px $accent,
0 0 0 5px $accentT;
outline: none;
}

.p-file_card__preview--placeholder-email,
.p-file_card__preview--placeholder-text {
background-color: $excluded;
}

.p-file_card__preview--preview-zip {
background-color: $excluded;
}

.p-filepile_overflow {
background-color: $excluded;
color: $selectFg;
}

.p-select_field_option--gray {
background-color: rgb(var(--dt_color-plt-gray-5));
color: rgb(var(--dt_color-plt-gray-70));
}

.sk-client-theme--dark .p-select_field_option--gray {
background-color: rgb(var(--dt_color-plt-gray-20));
color: rgb(var(--dt_color-plt-gray-70));
}

.p-select_field_option--brown {
background-color: rgb(var(--dt_color-plt-horchata-5));
color: rgb(var(--dt_color-plt-horchata-70));
}

.sk-client-theme--dark .p-select_field_option--brown {
background-color: rgb(var(--dt_color-plt-horchata-10));
color: rgb(var(--dt_color-plt-horchata-70));
}

.p-select_field_option--orange,
.sk-client-theme--dark .p-select_field_option--orange {
background-color: rgb(var(--dt_color-plt-campfire-5));
color: rgb(var(--dt_color-plt-campfire-70));
}

.p-select_field_option--yellow {
background-color: rgb(var(--dt_color-plt-sunflower-5));
color: rgb(var(--dt_color-plt-sunflower-70));
}

.sk-client-theme--dark .p-select_field_option--yellow {
background-color: rgb(var(--dt_color-plt-sunflower-5));
color: rgb(var(--dt_color-plt-sunflower-60));
}

.p-select_field_option--green {
background-color: rgb(var(--dt_color-plt-cilantro-5));
color: rgb(var(--dt_color-plt-cilantro-70));
}

.sk-client-theme--dark .p-select_field_option--green {
background-color: rgb(var(--dt_color-plt-cilantro-10));
color: rgb(var(--dt_color-plt-cilantro-70));
}

.p-select_field_option--blue {
background-color: rgb(var(--dt_color-plt-ocean-5));
color: rgb(var(--dt_color-plt-ocean-70));
}

.sk-client-theme--dark .p-select_field_option--blue {
background-color: rgb(var(--dt_color-plt-ocean-10));
color: rgb(var(--dt_color-plt-ocean-70));
}

.p-select_field_option--indigo {
background-color: rgb(var(--dt_color-plt-indigo-5));
color: rgb(var(--dt_color-plt-indigo-70));
}

.sk-client-theme--dark .p-select_field_option--indigo {
background-color: rgb(var(--dt_color-plt-indigo-10));
color: rgb(var(--dt_color-plt-indigo-70));
}

.p-select_field_option--purple {
background-color: rgb(var(--dt_color-plt-aubergine-5));
color: rgb(var(--dt_color-plt-aubergine-70));
}

.sk-client-theme--dark .p-select_field_option--purple {
background-color: rgb(var(--dt_color-plt-aubergine-10));
color: rgb(var(--dt_color-plt-aubergine-60));
}

.p-select_field_option--pink {
background-color: rgb(var(--dt_color-plt-flamingo-5));
color: rgb(var(--dt_color-plt-flamingo-70));
}

.sk-client-theme--dark .p-select_field_option--pink {
background-color: rgb(var(--dt_color-plt-flamingo-5));
color: rgb(var(--dt_color-plt-flamingo-60));
}

.p-select_field_option--red {
background-color: rgb(var(--dt_color-plt-tomato-5));
color: rgb(var(--dt_color-plt-tomato-70));
}

.sk-client-theme--dark .p-select_field_option--red {
background-color: rgb(var(--dt_color-plt-tomato-5));
color: rgb(var(--dt_color-plt-tomato-60));
}

.p-multi_file_upload__add_file_btn {
color: $accent;
}
56 changes: 54 additions & 2 deletions styles/app/_huddle.scss
Original file line number Diff line number Diff line change
@@ -352,7 +352,9 @@
}

&:focus {
box-shadow: 0 0 0 1px $primary, 0 0 0 5px $primaryT;
box-shadow:
0 0 0 1px $primary,
0 0 0 5px $primaryT;

&:-moz-placeholder,
&:-ms-input-placeholder,
@@ -662,7 +664,9 @@

.p-huddle_base_card .p-huddle_base_card__close_button:focus {
border-color: $accent;
box-shadow: 0 0 0 1px $accent, 0 0 0 5px $accentT;
box-shadow:
0 0 0 1px $accent,
0 0 0 5px $accentT;
}

.p-huddle_base_card .p-huddle_base_card__close_button:focus:-moz-placeholder,
@@ -755,3 +759,51 @@
.p-huddle_invite__button--joining_soon:hover {
color: $primaryT;
}

.p-huddle_drag_overlay {
background: $overlay;
}

.p-huddle_drag_overlay--mini_player {
background-color: $overlay;
color: $fg;

.p-huddle_drag_overlay__info {
background-color: $overlay;
border: 1px dashed $accent;
}
}

.p-huddle_status_icon {
&.p-huddle_status_icon--other {
color: $fg;
}
}

.p-ia4_client--theming .p-huddle_status_icon.p-huddle_status_icon--other {
color: $fg;
}

.p-huddle_status_icon.p-huddle_status_icon--other.p-huddle_status_icon--no_theme {
background-color: $bg;
color: $fg;
}

.p-huddle_status_text__channel_name.c-link--button {
color: $accent2;
}

.p-huddle_msg_live_badge {
background-color: $button;
color: $accent;

&.p-huddle_msg_live_badge--ia4 {
background: $accent;
color: $selectFg;
}
}

.p-ia4_client--theming .p-huddle_msg_live_badge {
background-color: $accent;
color: $selectFg;
}
9 changes: 9 additions & 0 deletions styles/app/_index.scss
Original file line number Diff line number Diff line change
@@ -200,6 +200,15 @@
@import 'sticker';
@import 'slides';
@import 'quip';
@import 'csv-tsv-viewer';
@import 'create_channel';
@import 'channel_insights';
@import 'champion';
@import 'later_date_picker';
@import 'experiment_client_insights';
@import 'message_activity';
@import 'channel_awareness';
@import 'message_column';
@import 'quip-canvas-messages';
@import 'quip-canvas-modal';
@import 'quip-skeleton';
5 changes: 5 additions & 0 deletions styles/app/_invite_members.scss
Original file line number Diff line number Diff line change
@@ -187,3 +187,8 @@ tr:first-child th:not(:only-of-type).p-invite_members_form__sent_invites_header_
background-color: $bg2;
}
}

.p-invite_list--external-email-icon {
background-color: $button;
color: $text;
}
28 changes: 28 additions & 0 deletions styles/app/_later_date_picker.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
.p-later_custom_date_time_picker {
.c-date-time_picker__date_picker_button {
border: 1px solid $borderLight;

&:focus {
box-shadow:
0 0 0 1px var(--sk_focused-shadow-color, $accent),
0 0 0 5px var(--sk_focused-shadow-color-opaque, $accentT);

&:-moz-placeholder,
&:-ms-input-placeholder,
&::-moz-placeholder,
&::-webkit-input-placeholder {
color: $disabled;
}
}

&[disabled] {
background: $excluded;
border: 1px solid $borderLight;
}
}

.c-date-time_picker__calendar_icon,
.c-date-time_picker__caret_icon {
color: $text;
}
}
69 changes: 65 additions & 4 deletions styles/app/_message.scss
Original file line number Diff line number Diff line change
@@ -92,7 +92,6 @@
0% {
background: $hl;
}

to {
background: transparent;
}
@@ -475,7 +474,6 @@ a.c-message__call_name--linked {
20% {
background: $hl;
}

60% {
background: $bg2;
}
@@ -527,11 +525,9 @@ a.c-message__call_name--linked {
0% {
background: transparent;
}

10% {
background: $tree;
}

to {
background: transparent;
}
@@ -545,3 +541,68 @@ a.c-message__call_name--linked {
.c-message_kit__labels--message_type .c-message_kit__labels__icon {
color: $accent;
}

.p-message_field_card {
background: $bg;
color: $fg;
}

.p-message_field_card__channel_footer .p-message_field_card__file_entity {
color: $text;

.c-icon--filetype-tiny:before {
color: $text;
}
}

.p-message_field_card__actions {
background: $bg;
box-shadow:
0 0 0 1px $border,
0 1px 3px 0 #00000014;
}

.loadingBox__LnQPn {
background-color: $overlay;
}

.nonInteractiveContainer__hVbV0 {
background-color: $bg;
box-shadow:
0 0 0 1px $border,
0 1px 3px 0 #00000014;
}

.defaultContainerColors__Sg-cX {
background: $bg2;
}

.previewContainer__WSecM {
border-top: 1px solid $border;
}

.subtext__OgdF6 {
color: $text;
}

.listThumbnail__AhgKW {
background: $bg2;
color: $selectFg;
}

.listRecordThumbnail__Ss7Vk {
background: $bg2;
}

.listThumbnail__zlJRV {
background: $bg2;
color: $selectFg;
}

.listRecordThumbnail__cEaHq {
background: $bg2;
}

.fieldLabel__BQCQy {
color: $text;
}
50 changes: 50 additions & 0 deletions styles/app/_message_activity.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
.p-message_activity__message_snippet_text {
background: $bg;

&:after {
background: linear-gradient(180deg, transparent, $bg);
}
}

.p-message_activity__message_snippet_engagement {
color: $text;

.c-reaction__count {
color: $fg;
}
}

.p-message_activity__message_snippet_reply_count {
color: $text;

&:before {
color: $border;
}
}

.p-message_activity__msg__nav_next,
.p-message_activity__msg__nav_prev {
color: $fg;
}

.p-message_activity__msg__nav_next:disabled,
.p-message_activity__msg__nav_prev:disabled {
color: $border;
}

.p-message_activity__message_snippet_additional_reactions {
color: $text;
}

.p-message_activity__stats_by_org_table--footer-text,
.p-message_activity__views_by_device {
color: $text;
}

.p-message_activity__views_by_device_divider {
border-right: 1px solid $border;
}

.p-message_activity__views_by_device_row_container {
border: 1px solid $border;
}
21 changes: 21 additions & 0 deletions styles/app/_message_column.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
.p-message_column__main_link {
color: $fg;

&:focus,
&:hover {
color: $fg;
}
}

.p-message_column__file_entity .c-icon--filetype-tiny:before {
color: $text;
}

.p-file_card__container.p-file_card__container--embedded {
border: 1px solid $border;
}

.p-file_card__container .p-file_card__callout_badge {
background-color: $accent;
color: $selectFg;
}
11 changes: 0 additions & 11 deletions styles/app/_message_kit.scss
Original file line number Diff line number Diff line change
@@ -69,7 +69,6 @@
0% {
color: inherit;
}

to {
color: $text;
}
@@ -107,7 +106,6 @@
0% {
color: inherit;
}

to {
color: $text;
}
@@ -151,15 +149,6 @@
color: $text;
}

.p-degraded_list__loading {
background: $bg;
color: $disabled;
}

.p-degraded_list__loading--offline {
color: $fg;
}

.p-end_dm_dialog_learn_more:hover {
color: $text;
}
16 changes: 13 additions & 3 deletions styles/app/_message_stats.scss
Original file line number Diff line number Diff line change
@@ -157,9 +157,7 @@
fill: $text;
color: $text;
}
}

.c-message_stats__viewers_by_department_chart {
.c3-bar {
fill: $purple !important;
}
@@ -172,7 +170,7 @@
stroke: $fg;
}

c3-text.c-message_stats__viewers_by_department_chart__short_text {
.c3-text.c-message_stats__viewers_by_department_chart__short_text {
color: $accent !important;
fill: $accent !important;
}
@@ -215,3 +213,15 @@
.p-message_actions_menu__flag.c-menu_item__button--highlighted {
background-color: $accent;
}

.c-message_stats__views_by_device_divider {
border-right: 1px solid $border;
}

.c-message_stats__views_by_device_row_container {
border: 1px solid $border;
}

.p-message_actions_menu__report.c-menu_item__button--highlighted {
background-color: $hl;
}
21 changes: 20 additions & 1 deletion styles/app/_pending.scss
Original file line number Diff line number Diff line change
@@ -116,7 +116,10 @@

.p-connection_info_icon__icon + .p-connection_info_icon__icon {
margin-left: -6px;
box-shadow: -2px 0 0 $primary, (-2px) 1px 0 $primary, (-2px) -1px 0 $primary;
box-shadow:
-2px 0 0 $primary,
(-2px) 1px 0 $primary,
(-2px) -1px 0 $primary;
}

.p-connection_info {
@@ -137,3 +140,19 @@
.p-file_image_toolbar_controls__bar {
background: $bg;
}

.p-connection_info__link-button.c-link--button {
color: $accent2;

&:hover {
color: $selectFg;
}
}

.p-pending_video_file:after {
border: 1px solid $border;
}

.p-pending_video_file__play_icon {
color: $selectFg;
}
43 changes: 43 additions & 0 deletions styles/app/_prog_disc.scss
Original file line number Diff line number Diff line change
@@ -571,3 +571,46 @@
color: $selectFg;
}
}

.p-setup_prog_disc_explainer_tip_container--ia4 .p-setup_suggest_message__btn {
color: $fg;
}

.sk-client-theme--dark .p-setup_prog_disc_explainer_tip_container--ia4 .p-setup_suggest_message__btn {
color: $fg;
}

.sk-client-theme--dark {
.p-setup_prog_disc_explainer_tip
.p-setup_prog_disc_explainer_tip_dismissal
.p-setup_prog_disc_explainer_tip_dismissal_icon {
color: $fg;
}

.p-setup_prog_disc_explainer_tip_container--ia4
.p-setup_prog_disc_explainer_tip
.p-setup_prog_disc_explainer_tip_dismissal
.p-setup_prog_disc_explainer_tip_dismissal_icon {
color: $fg;
}
}

.p-setup_prog_disc_explainer_tip .p-setup_prog_disc_explainer_tip_text {
color: $selectFg;
}

.sk-client-theme--dark .p-setup_prog_disc_explainer_tip .p-setup_prog_disc_explainer_tip_text {
color: $selectFg;
}

.p-setup_prog_disc_explainer_tip_container--ia4 {
background-color: $contrast;
}

.sk-client-theme--dark .p-setup_prog_disc_explainer_tip_container--ia4 {
background-color: $contrast;

.p-setup_prog_disc_explainer_tip_text {
color: $text;
}
}
15 changes: 15 additions & 0 deletions styles/app/_shared_channel.scss
Original file line number Diff line number Diff line change
@@ -536,3 +536,18 @@ input[type='text'].c-input_text {
.p-shared_channel_member_orgs_modal__team_additional_info {
color: $text;
}

.p-channel_set_block {
box-shadow:
0 0 0 1px $border,
0 1px 3px 0 #00000014;
}

.p-channel_set_block__channels_list {
border-bottom: thin solid $border;
border-top: thin solid $border;
}

.p-channel_set_block__channel:hover {
background-color: $excluded;
}
114 changes: 64 additions & 50 deletions styles/app/_sidebar.scss
Original file line number Diff line number Diff line change
@@ -12,23 +12,23 @@
}

.p-channel_sidebar--dimming
.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__channel_icon_prefix--sidebar_simplification,
.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__channel_icon_prefix--sidebar_simplification,
.p-channel_sidebar--dimming
.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__name,
.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__name,
.p-channel_sidebar--dimming
.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected)
.p-shared_channels_icon,
.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected)
.p-shared_channels_icon,
.p-channel_sidebar--dimming
.p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__channel_icon_prefix--sidebar_simplification,
.p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__channel_icon_prefix--sidebar_simplification,
.p-channel_sidebar--dimming
.p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__name,
.p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__name,
.p-channel_sidebar--dimming
.p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected)
.p-shared_channels_icon {
.p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected)
.p-shared_channels_icon {
color: $disabled;
}

@@ -102,41 +102,39 @@ a.c-sidebar_menu__list_item {
}

.p-channel_sidebar__channel.c-link--focus-visible:focus .p-channel_sidebar__name {
box-shadow: 0 0 0 1px $primary,
0 0 0 5px $primaryT;
box-shadow:
0 0 0 1px $primary,
0 0 0 5px $primaryT;
}

.p-channel_sidebar__link {
&.c-button--focus-visible:focus .p-channel_sidebar__name,
&.c-link--focus-visible:focus .p-channel_sidebar__name {
box-shadow: 0 0 0 1px $primary,
0 0 0 5px $primaryT;
box-shadow:
0 0 0 1px $primary,
0 0 0 5px $primaryT;
}
}

.p-channel_sidebar__static_list--keyboard_focus
div[aria-selected='true'].p-channel_sidebar__static_list__item:focus:after {
div[aria-selected='true'].p-channel_sidebar__static_list__item:focus:after {
box-shadow: 0 0 0 1px $primary 0 0 0 5px $primaryT;
}


.p-channel_sidebar__user_avatar .c-hidden_user_avatar,
.p-channel_sidebar__mpim_avatars .c-hidden_user_avatar {
background-color: $bg;
}


.p-ia4_client--theming .p-channel_sidebar__mpim_counter {
background-color: $accent;
color: $bg;
}


.p-channel_sidebar__list.p-channel_sidebar__list--inset {
border-top: 1px solid $borderLight;
}


.p-channel_sidebar {
background: $contrast;
color: $fg;
@@ -302,8 +300,9 @@ input[type='text'].p-channel_sidebar__folder_heading_label_rename:hover {
.client_channels_list_container .focus-ring,
.p-channel_sidebar.focusablesection:focus .sectionfocusindicator,
#team_menu.focusablesection:focus .sectionfocusindicator {
box-shadow: 0 0 0 1px $primary,
0 0 0 5px $primaryT;
box-shadow:
0 0 0 1px $primary,
0 0 0 5px $primaryT;
}

.client_channels_list_container a:not(.c-link--focus-visible).focus-ring,
@@ -317,8 +316,9 @@ input[type='text'].p-channel_sidebar__folder_heading_label_rename:hover {
.p-channel_sidebar__channel.c-link--focus-visible:focus .p-channel_sidebar__name,
.p-channel_sidebar__link.c-button--focus-visible:focus .p-channel_sidebar__name,
.p-channel_sidebar__close.c-button--focus-visible:focus {
box-shadow: 0 0 0 1px $primary,
0 0 0 5px $primaryT;
box-shadow:
0 0 0 1px $primary,
0 0 0 5px $primaryT;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading_plus:hover,
@@ -332,7 +332,7 @@ input[type='text'].p-channel_sidebar__folder_heading_label_rename:hover {
.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(
.p-channel_sidebar__channel--suggested
):not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__name,
.p-channel_sidebar__name,
.p-channel_sidebar__link--unread:not(.p-channel_sidebar__link--selected) .p-channel_sidebar__name,
.p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name,
.p-channel_sidebar__link--add-channel:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name,
@@ -452,8 +452,9 @@ input[type='text'].p-channel_sidebar__folder_heading_label_rename:hover {

.p-classic_nav__team_header .c-link--focus-visible:focus,
.p-classic_nav__team_header .c-button--focus-visible:focus {
box-shadow: 0 0 0 1px $primary,
0 0 0 5px $primaryT;
box-shadow:
0 0 0 1px $primary,
0 0 0 5px $primaryT;
}

.p-team_sidebar,
@@ -485,8 +486,9 @@ input[type='text'].p-channel_sidebar__folder_heading_label_rename:hover {
.p-team_sidebar__add_button:active {
border-color: $primary;
background: $hl;
box-shadow: 0 0 0 3px $button,
0 0 0 6px $hl;
box-shadow:
0 0 0 3px $button,
0 0 0 6px $hl;
}

.p-team_sidebar__unread_dot,
@@ -504,9 +506,10 @@ input[type='text'].p-channel_sidebar__folder_heading_label_rename:hover {

.p-team_sidebar__item.c-button--focus-visible:focus,
.p-team_sidebar__add_button.c-link--focus-visible:focus {
box-shadow: 0 0 0 3px $bg,
0 0 0 4px $accent,
0 0 0 6px $accentT;
box-shadow:
0 0 0 3px $bg,
0 0 0 4px $accent,
0 0 0 6px $accentT;
}

.c-button--focus-visible:focus .p-team_sidebar__icon--active {
@@ -520,37 +523,39 @@ input[type='text'].p-channel_sidebar__folder_heading_label_rename:hover {

.p-team_sidebar__icon {
&:hover {
box-shadow: 0 0 0 3px var(--p-team_sidebar__nav-bg),
0 0 0 6px var(--p-team_sidebar__text-color--opacity-30);
box-shadow:
0 0 0 3px var(--p-team_sidebar__nav-bg),
0 0 0 6px var(--p-team_sidebar__text-color--opacity-30);
}
}

.p-team_sidebar__icon:hover {
box-shadow: 0 0 0 3px $button,
0 0 0 6px $hl;
box-shadow:
0 0 0 3px $button,
0 0 0 6px $hl;
}

.p-team_sidebar__icon--active,
.p-team_sidebar__icon--active:hover {
box-shadow: 0 0 0 3px $bg,
0 0 0 6px $primary;
box-shadow:
0 0 0 3px $bg,
0 0 0 6px $primary;
}

.p-channel_sidebar__compose_button {
box-shadow: 0 0 0 1px $borderLight,
0 4px 12px 0 $borderLight;
box-shadow:
0 0 0 1px $borderLight,
0 4px 12px 0 $borderLight;
}

@keyframes p-welcome-place__sidebar_animation {
0% {
font-weight: 900;
}

50% {
font-weight: 900;
color: $bg;
}

to {
font-weight: 900;
color: inherit;
@@ -665,7 +670,7 @@ div[aria-selected='true'].p-channel_sidebar__static_list__item:focus:after {
}

.p-channel_sidebar__channel.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--typing)
.p-channel_sidebar__channel_icon_prefix--comfy {
.p-channel_sidebar__channel_icon_prefix--comfy {
background: transparent;
color: $text;
}
@@ -676,13 +681,13 @@ div[aria-selected='true'].p-channel_sidebar__static_list__item:focus:after {
}

.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__channel_icon_prefix--comfy {
.p-channel_sidebar__channel_icon_prefix--comfy {
background: $button;
color: $primary;
}

.p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--typing)
.p-channel_sidebar__channel_icon_prefix--comfy {
.p-channel_sidebar__channel_icon_prefix--comfy {
color: $text;
background: transparent;
}
@@ -741,13 +746,13 @@ div[aria-selected='true'].p-channel_sidebar__static_list__item:focus:after {
.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(
.p-channel_sidebar__channel--suggested
):not(.p-channel_sidebar__channel--selected)
.p-channel_sidebar__name,
.p-channel_sidebar__name,
.p-channel_sidebar__link--unread:not(.p-channel_sidebar__link--selected) .p-channel_sidebar__name,
.p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name,
.p-channel_sidebar__link--add-channel:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name,
.p-channel_sidebar__link--add-apps:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name,
.p-channel_sidebar__section_heading:not(.p-channel_sidebar__section_heading--selected)
.p-channel_sidebar__section_heading_label--unreads,
.p-channel_sidebar__section_heading_label--unreads,
.p-channel_sidebar__quickswitcher:hover,
.p-channel_sidebar__section_placeholder--has_cta:hover,
.p-channel_sidebar--iap1 .p-channel_sidebar__section-heading--pages-drawer:hover {
@@ -793,8 +798,8 @@ div[aria-selected='true'].p-channel_sidebar__static_list__item:focus:after {

.p-ia__sidebar_header__mode__filter_input,
.p-ia__sidebar_header__mode__filter_input:hover
.p-ia__sidebar_header__mode__filter_input:active
.p-ia__sidebar_header__mode__filter_input:focus {
.p-ia__sidebar_header__mode__filter_input:active
.p-ia__sidebar_header__mode__filter_input:focus {
border: 1px solid $borderLight;
}

@@ -1020,3 +1025,12 @@ div[aria-selected='true'].p-channel_sidebar__static_list__item:focus:after {
.p-channel_sidebar_filter_pill__container {
background-color: $contrast;
}

.p-ia4_toggle_sidebar_button__button {
color: $text;

&:hover {
background: $hl;
color: $fg;
}
}
12 changes: 12 additions & 0 deletions styles/app/_workflow.scss
Original file line number Diff line number Diff line change
@@ -30,3 +30,15 @@
.p-workflow_attribution {
color: $text;
}

.p-workflow_card--error {
color: $text;
}

.p-workflow_card--error__icon {
background: $bg2;
}

.p-workflow_preview__header {
background-color: $bg;
}
4 changes: 4 additions & 0 deletions styles/core/_fonts.scss
Original file line number Diff line number Diff line change
@@ -218,3 +218,7 @@
font-family: $fontFamily !important;
}
}

[lang] .c-message_stats__viewers_by_department_chart text {
font-family: $fontFamily;
}
68 changes: 64 additions & 4 deletions styles/main/_popovers.scss
Original file line number Diff line number Diff line change
@@ -38,10 +38,6 @@
color: $text;
}

.p-ia_details_popover__members_loading {
color: $disabled;
}

.p-ia_details_popover__members_list_item_heading {
color: $fg;
border-top: 1px solid $borderLight;
@@ -161,6 +157,15 @@
}
}

.c-message_kit__pillow_card {
background: $bg;
border: 1px solid $border;
}

.c-message_kit__pillow:hover .c-message_kit__pillow_card:hover {
border-color: $border;
}

.p-ia_pins_popover_placeholder {
background: $bg;
border: 1px solid $borderLight;
@@ -328,3 +333,58 @@
background: $bg;
box-shadow: 0 1px 0 0 $border;
}

.p-ia_details_popover__no_results {
color: $disabled;

.p-ia_details_popover__icon {
background-color: $bg2;
}
}

.p-ia_details_popover__invite_icon {
background: $bg;
}

.p-ia_details_popover__members_search_input_wrapper--scrolled {
border-bottom: 1px solid $border;
}

.p-ia_details_popover__members_list__empty_state:not(.p-ia_details_popover__members_list__empty_state--entirely):after {
background: $bg;
border-bottom: 1px solid $borderLight;
}

.p-ia_details_popover__channel_manager_indicator {
background: $overlay;
}

.p-ia_details_popover__filter:not(.p-ia_details_popover__filter--default) .c-select_button {
background-color: $button;
border: 1px solid $accent;
color: $accent;

&:focus {
border: 1px solid $button;
}

.c-select_button__icon {
color: $accent;
}
}

.p-ia_details_popover__filter_list_overlay {
.c-select_options_list__option--active
.c-select_options_list__option_label
.p-ia_details_popover__filter_item_member_count {
color: $selectFg;
}

.c-select_options_list__option .p-ia_details_popover__filter_item_member_count {
color: $text;
}
}

.p-ia_details_popover__loading_text {
color: $text;
}

0 comments on commit 2c1bda9

Please sign in to comment.