Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

user_circles: Specify colors as CSS variables.

This commit is contained in:
Karl Stolley 2024-05-30 16:00:17 -05:00 committed by Tim Abbott
parent 0b728e1b34
commit 9b7107ab08
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_variables.css
View File

@ -357,6 +357,8 @@
--color-left-sidebar-navigation-icon
);
--color-tab-picker-icon: hsl(200deg 100% 40%);
--color-user-circle-active: hsl(106deg 74% 44%);
--color-user-circle-idle: hsl(29deg 84% 51%);
/* Reaction container colors */
--color-message-reaction-border: hsl(0deg 0% 0% / 10%);

11
web/styles/user_circles.css
View File

@ -1,6 +1,3 @@
$active_color: hsl(106deg 74% 44%);
$idle_color: hsl(29deg 84% 51%);
.user_circle_green,
.user_circle_idle,
.user_circle_empty,
@ -13,16 +10,16 @@ $idle_color: hsl(29deg 84% 51%);
}
.user_circle_green {
background-color: $active_color;
border-color: $active_color;
background-color: var(--color-user-circle-active);
border-color: var(--color-user-circle-active);
}
.user_circle_idle {
border-color: $idle_color;
border-color: var(--color-user-circle-idle);
background: linear-gradient(
to bottom,
hsl(0deg 0% 100% / 0%) 50%,
$idle_color 50%
var(--color-user-circle-idle) 50%
);
}