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

Commit 53f0fb7

Browse files
mallowigimallowigi
committed
wip
1 parent c649468 commit 53f0fb7

21 files changed

+1126
-1614
lines changed

‎sources/_new_ui.scss‎

Lines changed: 0 additions & 1604 deletions
Large diffs are not rendered by default.

‎styles/app/_ai_summary.scss‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,3 +8,14 @@
88
color: $selectFg;
99
}
1010
}
11+
12+
.p-ai_summary_header_subtitle__permalink {
13+
&:focus,
14+
&:hover {
15+
color: $text;
16+
}
17+
}
18+
19+
.p-ai_summary_header_subtitle__channel_name {
20+
color: $text;
21+
}

‎styles/app/_canvas.scss‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,3 +125,34 @@
125125
.p-view_header_hover_card__popover_arrow {
126126
border-bottom: 14px solid $accent;
127127
}
128+
129+
.p-canvas_notes {
130+
background-color: $bg;
131+
}
132+
133+
.p-canvas_notes__buttons {
134+
background-color: $bg;
135+
border-bottom: 1px solid $border;
136+
}
137+
138+
.p-canvas_quip_thread__file_name {
139+
color: $text;
140+
}
141+
142+
.p-canvas_quip_thread--border {
143+
box-shadow:
144+
0 0 0 1px $border,
145+
0 1px 3px 0 #00000014;
146+
}
147+
148+
.p-canvas_quip_thread__header {
149+
box-shadow: inset 0 -1px 0 0 $bg2;
150+
}
151+
152+
.p-huddle_window_content__container:has(.p-canvas_notes) {
153+
background-color: $bg;
154+
}
155+
156+
.p-huddle_window--ia4 .p-huddle_window_content__container:has(.p-canvas_notes) {
157+
border-right: 1px solid $border;
158+
}

‎styles/app/_contact_sales.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,3 +11,7 @@
1111
.c-alert .p-contact_sales_banner__link {
1212
border-bottom: 1px solid $borderLight;
1313
}
14+
15+
.p-contact_profile_flexpane__slack_status_card {
16+
background-color: $bg;
17+
}

‎styles/app/_huddle_background.scss‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
.p-huddle_jukebox_menu--stop {
2+
color: $red;
3+
}
4+
5+
.c-menu_item__li--highlighted .p-huddle_jukebox_menu--stop {
6+
color: $selectFg;
7+
}
8+
9+
.p-huddle_background_menu__category_label {
10+
color: $fg;
11+
}
12+
13+
.p-huddle_background_menu__preview_image_checkbox_icon {
14+
color: $accent;
15+
}
16+
17+
.p-huddle_background_menu__preview_image_checkbox_icon_background {
18+
color: $bg;
19+
}
20+
21+
.p-huddle_background_menu__category_preview_image--selected {
22+
box-shadow:
23+
0 1px 3px 0 $accentT,
24+
0 0 0 2px $accent;
25+
}
26+
27+
.p-huddle_background_menu__category_previews--tooltip_artist_detailed {
28+
color: $text;
29+
}
30+
31+
.p-huddle_background_dialog .c-sk-modal_footer {
32+
border-top: 1px solid $borderLight;
33+
34+
.p-huddle_background_dialog__footer_copy {
35+
color: $text;
36+
}
37+
}
38+
39+
.p-huddle_video_background_menu__category_preview_image--selected {
40+
box-shadow:
41+
0 1px 3px 0 $accentT,
42+
0 0 0 2px $accent;
43+
}
44+
45+
.p-huddle_video_background_menu__checkbox_icon {
46+
color: $accent;
47+
}
48+
49+
.p-huddle_video_background_menu__checkbox_icon_background {
50+
color: $bg;
51+
}
52+
53+
.p-huddle_video_background_menu__category_preview_image_none {
54+
background-color: $contrast;
55+
}
56+
57+
.p-huddle_video_background_menu__category_preview_image_none--selected {
58+
background-color: $hl;
59+
border: 2px solid $selectFg;
60+
color: $selectFg;
61+
}
62+
63+
.p-huddle_video_background_menu__category_preview_image_blur {
64+
background: radial-gradient(91.15% 91.15% at 50% 8.85%, #93a699 0, #7f945c 52.06%, #6a6b45 92.19%);
65+
color: $selectFg;
66+
}
67+
68+
.p-huddle_video_background_menu__category_preview_image_blur--selected {
69+
background: radial-gradient(91.15% 91.15% at 50% 8.85%, #4889af 29.17%, #1a5b7a 92.19%);
70+
border: 2px solid $selectFg;
71+
}
72+
73+
.p-huddle_video_background_dialog__video_stream_container {
74+
background-color: $contrast;
75+
}
76+
77+
.p-huddle_camera_preview_menu__video_stream_container {
78+
background-color: $contrast;
79+
}
80+
81+
.p-huddle_more_actions_menu__menu-header .p-huddle_more_actions_menu__menu-header__label,
82+
.p-huddle_more_actions_menu__submenu-as-menu-header .p-huddle_more_actions_menu__submenu-as-menu-header__back-button {
83+
color: $text;
84+
}
85+
86+
.p-huddle_camera_icon {
87+
.p-huddle_camera_icon--slash {
88+
color: $red;
89+
}
90+
91+
.p-huddle_camera_icon--dot {
92+
color: $accent;
93+
}
94+
}
95+
96+
.p-huddle_alone_warning__clip_button .c-icon {
97+
color: $accent;
98+
}
99+
100+
.p-huddle_alone_warning__body {
101+
color: $text;
102+
}

‎styles/app/_huddle_education.scss‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
.p-huddle_education__screenshare {
2+
&:after {
3+
background-color: $accent;
4+
}
5+
}
6+
7+
.p-huddle_education__entrypoint .c-banner__close,
8+
.p-huddle_education__large_window .c-banner__close,
9+
.p-huddle_education__mini_player .c-banner__close,
10+
.p-huddle_education__mini_window .c-banner__close,
11+
.p-huddle_education__screenshare .c-banner__close {
12+
color: $selectFg;
13+
}

‎styles/app/_huddle_peer.scss‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
.p-huddle_peer_tile {
2+
box-shadow:
3+
0 0 0 1px $border,
4+
0 1px 3px 0 #00000014;
5+
6+
&:focus {
7+
box-shadow:
8+
0 0 0 1px $accent,
9+
0 0 0 5px $accentT;
10+
}
11+
12+
.p-huddle_peer_tile__hidden_user_avatar,
13+
&.p-huddle_peer_tile_hidden_user {
14+
background: $button;
15+
}
16+
}
17+
18+
.p-huddle_peer_tile--black_background {
19+
background-color: $contrast;
20+
}
21+
22+
.p-huddle_peer_tile__actions_button {
23+
background: $fg !important;
24+
box-shadow:
25+
0 0 0 1px $border,
26+
0 4px 12px 0 #00000014;
27+
color: $bg !important;
28+
}
29+
30+
.p-huddle_peer_tile__mic_overlay,
31+
.p-huddle_peer_tile__name_overlay,
32+
.p-huddle_peer_tile__steps_overlay {
33+
background: $fg;
34+
box-shadow:
35+
0 0 0 1px $border,
36+
0 1px 3px 0 #00000014;
37+
color: $bg;
38+
}
39+
40+
.p-huddle_peer_tile__invite_status_overlay {
41+
background: $fg;
42+
box-shadow:
43+
0 0 0 1px $border,
44+
0 1px 3px 0 #00000014;
45+
color: $bg;
46+
}
47+
48+
.p-huddle_peer_tile__invite_status_overlay__compact {
49+
background-color: $bg;
50+
color: $fg;
51+
}
52+
53+
.p-huddle_peer_tile__emoji_container,
54+
.p-huddle_peer_tile__sticky_emoji_container {
55+
background-color: $bg;
56+
box-shadow:
57+
0 0 0 1px $border,
58+
0 1px 3px 0 #00000014;
59+
}
60+
61+
.p-huddle_peer_tile__active_speaker {
62+
box-shadow: 0 0 8px 5px $primary;
63+
outline: 3px solid $primary;
64+
65+
&.p-huddle_peer_tile__active_speaker_compact {
66+
box-shadow: 0 0 4px 0 $primary;
67+
68+
.p-huddle_peer_tile__avatar .c-base_icon,
69+
video {
70+
outline: 2px solid $primary;
71+
}
72+
}
73+
}

‎styles/app/_huddle_reaction.scss‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
.p-huddle_reaction_bubble {
2+
box-shadow: 0 0 0 1px $border,
3+
0 1px 3px 0 #00000014;
4+
color: #1d1c1d;
5+
6+
&:hover {
7+
box-shadow: 0 0 0 1px $border,
8+
0 4px 12px 0 #00000014;
9+
}
10+
}
11+
12+
.p-huddle_reaction_bubble--self_reacted {
13+
background-color: $active;
14+
!important;
15+
color: $accent !important;
16+
17+
&:hover {
18+
background-color: $hl !important;
19+
color: $accent !important;
20+
}
21+
22+
&.c-button--focus-visible,
23+
&:hover {
24+
box-shadow: 0 4px 12px 0 #00000014,
25+
0 0 0 1px $accent;
26+
}
27+
}
28+
29+
.p-huddle_reaction_bubble_bg_00 {
30+
background-color: #ffe0e0;
31+
}
32+
33+
.p-huddle_reaction_bubble_bg_01 {
34+
background-color: #fcf;
35+
}
36+
37+
.p-huddle_reaction_bubble_bg_02 {
38+
background-color: #dbeb8d;
39+
}
40+
41+
.p-huddle_reaction_bubble_bg_03 {
42+
background-color: #b5e0ff;
43+
}
44+
45+
.p-huddle_reaction_bubble_bg_04 {
46+
background-color: #ffe5b2;
47+
}
48+
49+
.p-huddle_reaction_bubble_bg_05 {
50+
background-color: #bde595;
51+
}
52+
53+
.p-huddle_reaction_bubble_bg_06 {
54+
background-color: #d4d5ff;
55+
}
56+
57+
.p-huddle_reaction_bubble_bg_07 {
58+
background-color: #f9ef6e;
59+
}
60+
61+
.p-huddle_reaction_bubble_bg_08 {
62+
background-color: #d0f2ed;
63+
}
64+
65+
.p-huddle_reaction_list {
66+
background: #0000;
67+
}
68+
69+
.p-huddle_closed_caption_event__wrapper {
70+
background-color: $notif;
71+
}
72+
73+
.p-huddle_closed_caption_event__event_text,
74+
.p-huddle_closed_caption_event__member_name {
75+
color: $fg;
76+
}
77+
78+
.p-huddle_closed_captions {
79+
background: #0000;
80+
}
81+
82+
.p-huddle_popover_reaction__description {
83+
color: $fg;
84+
}
85+
86+
.p-huddle_peer_tile__sticky_emoji_container.p-huddle_popover_reaction__audio_only_mode--huddle_window {
87+
background: $fg;
88+
color: $bg;
89+
}
90+
91+
.p-huddle_popover_reaction__audio_only_mode--huddle_window:not(.p-huddle_peer_tile__emoji_container--small_tile)
92+
.p-huddle_popover_reaction__description {
93+
color: $bg;
94+
}
95+
96+
.p-peer_tile__sticky_reaction.p-huddle_popover_reaction__audio_only_mode--mini_player {
97+
background: $fg;
98+
color: $bg;
99+
}

‎styles/app/_huddle_screenshare.scss‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
.p-huddle_screenshare_tile_footer {
2+
background-color: $contrast;
3+
4+
.c-hidden_user_avatar {
5+
background: $bg2;
6+
}
7+
}
8+
9+
.p-huddle_screenshare_tile_footer__title {
10+
color: $fg;
11+
}
12+
13+
.p-huddle_screenshare_tile_footer__sub_title {
14+
color: $text;
15+
}
16+
17+
.p-huddle_screenshare_tile:focus {
18+
box-shadow:
19+
0 0 0 1px $accent,
20+
0 0 0 5px $accentT;
21+
}
22+
23+
.p-huddle_screenshare_tile_small_tile_overlay svg {
24+
background: $accent;
25+
color: $selectFg;
26+
}
27+
28+
.p-huddle_grid_component:hover .p-huddle_peer_tile__invite_status_overlay__hover,
29+
.p-huddle_compact_audio_pane--container .p-peer_tile__overflow_text {
30+
background-color: $notif;
31+
}
32+
33+
.p-huddle_compact_pagination_controls .p-huddle_compact_pagination_controls__page_button {
34+
background: $bg;
35+
box-shadow: 0 1px 3px $bg2;
36+
color: $fg;
37+
}

0 commit comments

Comments
 (0)