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
  • Loading branch information
@mallowigi
mallowigi committed Nov 5, 2023
1 parent d2035c5 commit 7722f62
Show file tree
Hide file tree
Showing 12 changed files with 579 additions and 1,640 deletions.
2 changes: 1 addition & 1 deletion dist/slack.min.css
View file

Large diffs are not rendered by default.

1,611 changes: 0 additions & 1,611 deletions sources/_new_ui.scss
View file

Large diffs are not rendered by default.

31 changes: 26 additions & 5 deletions styles/app/_app_launcher.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,11 +16,15 @@
}

.p-app-launcher__result--icon {
box-shadow: 0 0 0 1px $borderLight, 0 1px 3px 0 rgba(0, 0, 0, 0.08);
box-shadow:
0 0 0 1px $borderLight,
0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.p-app-launcher__result--card {
box-shadow: 0 0 0 1px $borderLight, 0 1px 3px 0 rgba(0, 0, 0, 0.08);
box-shadow:
0 0 0 1px $borderLight,
0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.p-app-launcher__footer {
Expand All @@ -32,7 +36,9 @@
@include card;

&:active {
box-shadow: 0 0 0 1px $accent, 0 1px 3px 0 $accentT;
box-shadow:
0 0 0 1px $accent,
0 1px 3px 0 $accentT;
}

&:hover {
Expand Down Expand Up @@ -122,13 +128,28 @@
}

.c-virtual_list__item--focus .p-activity_page__education {
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-activity_page__list .c-virtual_list__item--focus .p-xws_education {
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-xws_education__icon {
color: $accent2;
}

.p-activity_page__item__link {
color: inherit;

&:focus {
--saf-0: $accent2;
box-shadow:
0 0 0 1px var(--sk_focused-shadow-color, $excluded),
0 0 0 5px var(--sk_focused-shadow-color-opaque, $tree);
}
}
26 changes: 15 additions & 11 deletions styles/app/_index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,10 @@
@import 'accessible';
@import 'accordion';
@import 'action_buttons';
@import 'launchpad';
@import 'actions';
@import 'activity';
@import 'activity_history';
@import 'add-to-slack';
@import 'admin';
@import 'aggregation';
Expand Down Expand Up @@ -61,6 +64,7 @@
@import 'channel_options';
@import 'channel_tabs';
@import 'channel_topic';
@import 'chatty';
@import 'classic_nav';
@import 'client';
@import 'clips';
Expand Down Expand Up @@ -104,23 +108,14 @@
@import 'experiment_client_insights';
@import 'explorer';
@import 'external_member';
@import 'chatty';
@import 'actions';
@import 'search_workflows';
@import 'external_workspace';
@import 'ez_subscribe';
@import 'fallback_view';
@import 'feedback';
@import 'window_layout';
@import 'instant_slack_message';
@import 'huddle_channel';
@import 'field_group';
@import 'activity_history';
@import 'file-image';
@import 'huddle_links';
@import 'shared_invite';
@import 'file_attachments';
@import 'file_browser';
@import 'external_workspace';
@import 'file_details';
@import 'file_email';
@import 'file_gallery';
Expand All @@ -147,6 +142,8 @@
@import 'hover_card';
@import 'hq';
@import 'huddle';
@import 'huddle_channel';
@import 'huddle_links';
@import 'ia4_client';
@import 'ia4_create';
@import 'ia_browse_channels';
Expand All @@ -159,6 +156,7 @@
@import 'incoming_call';
@import 'inline';
@import 'inline_search';
@import 'instant_slack_message';
@import 'integrations';
@import 'introduction';
@import 'invite_members';
Expand All @@ -169,6 +167,7 @@
@import 'limited_history';
@import 'list';
@import 'list_record';
@import 'list_view';
@import 'lists';
@import 'live_chat';
@import 'magic_actions';
Expand Down Expand Up @@ -257,6 +256,7 @@
@import 'search_result';
@import 'search_static';
@import 'search_summary';
@import 'search_workflows';
@import 'select_column';
@import 'select_invite';
@import 'sent';
Expand All @@ -268,7 +268,9 @@
@import 'share';
@import 'shared_channel';
@import 'shared_files';
@import 'shared_invite';
@import 'shortcuts';
@import 'shortcuts_gallery';
@import 'shortcuts_menu';
@import 'sidebar';
@import 'sidebar-header';
Expand All @@ -284,6 +286,7 @@
@import 'sponsors';
@import 'starred';
@import 'start_trial';
@import 'steps';
@import 'sticker';
@import 'story_controls';
@import 'story_pending';
Expand Down Expand Up @@ -315,7 +318,6 @@
@import 'unfurled_joiners';
@import 'unified_entity';
@import 'unreads';
@import 'list_view';
@import 'upgrade';
@import 'upgrades';
@import 'user_groups';
Expand All @@ -327,8 +329,10 @@
@import 'welcome';
@import 'welcome_trial';
@import 'whatsnew';
@import 'window_layout';
@import 'wizard';
@import 'workflow';
@import 'workflow_templates';
@import 'workspace';
@import 'workspace_directory';
@import 'workspace_search';
Expand Down
13 changes: 13 additions & 0 deletions styles/app/_launchpad.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
.c-launchpad-inviter__inviter_card {
border: 1px solid $borderLight;
@include card;
}

.c-launchpad-inviter_skip {
color: $text;

&:active,
&:hover {
color: $fg;
}
}
141 changes: 138 additions & 3 deletions styles/app/_search_autocomplete.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,7 @@
}
}

.c-file_entity__detail,
.c-search_autocomplete__channel-membership {
color: $text;
}
Expand Down Expand Up @@ -281,10 +282,14 @@
.c-search_autocomplete__guided_search_item--selected {
background-color: $accent;
color: $selectFg;
box-shadow: 0 0 0 1px $primary, 0 0 0 5px $primaryT;
box-shadow:
0 0 0 1px $primary,
0 0 0 5px $primaryT;

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

Expand All @@ -308,5 +313,135 @@
}

.c-search__input_and_close--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;
}

.c-search_autocomplete__quick_message_item {
color: $fg;
}

.c-search_autocomplete__quick_message_item__top .c-missing_channel--private {
background-color: inherit;
color: inherit;
}

.c-search_autocomplete__quick_message_item__metadata {
color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.c-search_autocomplete__quick_message_item--selected {
background: $accent;
color: $selectFg;

.c-file_entity__detail,
.c-file_entity__icon:before,
.c-icon,
.c-page_view_entity__icon {
color: $selectFg !important;
}

.c-search_autocomplete__channel {
.c-deprecated-icon,
.c-icon--shared-channels,
.p-deprecated_channel_name__team_name,
.p-deprecated_channel_name__text {
color: $selectFg !important;
}
}

.c-search_autocomplete__channel-membership,
.c-search_query_entity__icon {
color: $selectFg !important;
}

.c-small_mpim_entity__member {
color: $selectFg;
}

.c-search_autocomplete__icon--query {
color: $selectFg;

&:before {
color: $selectFg;
}
}

.c-search_autocomplete__query_parts .token,
.c-search_query_entity__token {
background-color: $button;
color: $selectFg;
}

.c-search_autocomplete__quick_message_item__metadata {
color: $selectFg;
}
}

.c-search_autocomplete__workflow__badge {
color: $text;
}

.c-search_autocomplete__suggestion_item--selected .c-search_autocomplete__workflow__badge {
color: $selectFg;
}

.c-search_autocomplete__workflow__label__subtitle {
color: $text;
}

.c-search_autocomplete__suggestion_item--selected .c-search_autocomplete__workflow__label__subtitle {
color: $selectFg;
}

.c-search_autocomplete_overrde_inline_channel_entity {
color: $fg;
}

.c-search_autocomplete__search_ai_nux_static {
color: $fg;

.c-search_autocomplete__search_ai_nux_static__secondary_text {
color: $text;
}
}

.foreground__7a\+OD {
color: $fg;
}

.foreground_max__fMSvw {
color: $text;
}

.foreground_max_solid__caRka {
color: $disabled;
}

.black_always__\+zBgQ {
color: $black;
}

.white_always__P9RPq {
color: $silver;
}

.container__fnRfa {
border: 1px solid $border;

&:focus-within,
&:hover {
background-color: $bg2;
}

.imageContainer__7P4pv {
background-color: $overlay;
}
}

.heading__DYEwe {
background-color: $bg2;
border-bottom: 1px solid $borderLight;
border-top: 1px solid $borderLight;
}
Loading

0 comments on commit 7722f62

Please sign in to comment.