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

dropdown_widget: Use CSS variable for disable color.

This commit is contained in:
Tim Abbott 2024-10-01 18:19:12 -07:00
parent 119fa699a7
commit 2807d7fbb8
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/app_components.css
View File

@ -1157,7 +1157,9 @@ input.settings_text_input {
&:disabled {
cursor: not-allowed;
background-color: hsl(0deg 0% 93%);
background-color: var(
--color-background-disabled-dropdown-widget-button
);
opacity: 0.7;
}
}

2
web/styles/app_variables.css
View File

@ -742,6 +742,7 @@
/* Widgets colors */
--color-border-dropdown-widget-button: hsl(0deg 0% 80%);
--color-background-dropdown-widget-button: hsl(0deg 0% 100%);
--color-background-disabled-dropdown-widget-button: hsl(0deg 0% 93%);
/* KBD colors */
--color-kbd-background: hsl(0deg 0% 98%);
@ -1249,6 +1250,7 @@
/* Widgets colors */
--color-border-dropdown-widget-button: hsl(0deg 0% 0% / 60%);
--color-background-dropdown-widget-button: hsl(0deg 0% 0% / 20%);
--color-background-disabled-dropdown-widget-button: hsl(0deg 0% 0% / 20%);
/* KBD colors */
--color-kbd-background: hsl(211deg 29% 14%);