paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 05:23:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

dark_theme: Cleanup poll widget colors.

Browse Source 
Fixes part of #35880.
This commit is contained in:
Sayam Samal
2025-09-05 17:54:23 +05:30
committed by Karl Stolley
parent b8b9444023
commit 732cdaa800
3 changed files with 40 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/styles/app_variables.css
View File

@@ -1472,6 +1472,37 @@
hsl(0deg 0% 93%),
hsl(0deg 0% 0% / 20%)
);
/* Poll Widget */
--color-poll-vote: light-dark(hsl(156deg 41% 40%), hsl(185deg 35% 65%));
--color-poll-vote-hover: light-dark(
hsl(156deg 41% 40%),
hsl(185deg 50% 70%)
);
--color-poll-vote-focus: light-dark(
hsl(156deg 41% 40%),
hsl(185deg 50% 65%)
);
--color-border-poll-vote: light-dark(
hsl(156deg 28% 70%),
hsl(185deg 35% 35%)
);
--color-border-poll-vote-hover: light-dark(
hsl(156deg 30% 50%),
hsl(185deg 40% 40%)
);
--color-border-poll-vote-focus: light-dark(
hsl(156deg 30% 50%),
hsl(185deg 40% 50%)
);
--color-background-poll-vote-hover: light-dark(
var(--color-background-widget-button),
hsl(185deg 20% 20%)
);
--color-background-poll-vote-focus: light-dark(
hsl(156deg 41% 90%),
hsl(185deg 40% 35%)
);
--color-poll-names: light-dark(hsl(0deg 0% 45%), hsl(236deg 15% 70%));
/* KBD colors */
--color-kbd-background: light-dark(hsl(0deg 0% 98%), hsl(211deg 29% 14%));

24
web/styles/dark_theme.css
View File

@@ -438,30 +438,6 @@
}
}
/* Widgets: Poll */
.poll-widget {
.poll-vote {
color: hsl(185deg 35% 65%);
border-color: hsl(185deg 35% 35%);
&:hover {
color: hsl(185deg 50% 70%);
border-color: hsl(185deg 40% 40%);
background-color: hsl(185deg 20% 20%);
}
&:focus {
color: hsl(185deg 50% 65%);
border-color: hsl(185deg 40% 50%);
background-color: hsl(185deg 40% 35%);
}
}
.poll-names {
color: hsl(236deg 15% 70%);
}
}
/* Widgets: Todo */
.todo-widget {
& label.checkbox {

14
web/styles/widgets.css
View File

@@ -170,8 +170,8 @@
}
.poll-vote {
color: hsl(156deg 41% 40%);
border-color: hsl(156deg 28% 70%);
color: var(--color-poll-vote);
border-color: var(--color-border-poll-vote);
border-style: solid;
font-weight: 600;
border-radius: 3px;
@@ -184,17 +184,21 @@
background-color: var(--color-background-widget-button);
&:hover {
border-color: hsl(156deg 30% 50%);
color: var(--color-poll-vote-hover);
background-color: var(--color-background-poll-vote-hover);
border-color: var(--color-border-poll-vote-hover);
}
&:focus {
outline: 0;
background-color: hsl(156deg 41% 90%);
color: var(--color-poll-vote-focus);
background-color: var(--color-background-poll-vote-focus);
border-color: var(--color-border-poll-vote-focus);
}
}
.poll-names {
color: hsl(0deg 0% 45%);
color: var(--color-poll-names);
/* Aim for 50% of the flexbox for voting names,
but also shrink modestly (.5) adjacent a long
option. */