paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

dark_theme: Clean up input styles in dark_theme.css.

Browse Source 
Fixes part of #35135.
This commit is contained in:
Sayam Samal
2025-09-12 04:21:36 +05:30
committed by Tim Abbott
parent 31e5e8f636
commit a8387a6487
3 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/styles/app_variables.css
View File

@@ -2743,6 +2743,20 @@
);
/* Inputs */
/* Legacy input colors */
/* TODO: Remove these variables after migrating all the inputs to use the new input colors. */
--color-background-legacy-input: light-dark(
hsl(0deg 0% 100%),
hsl(0deg 0% 0% / 20%)
);
--color-border-legacy-input: light-dark(
hsl(0deg 0% 80%),
hsl(0deg 0% 0% / 60%)
);
--color-border-legacy-input-focus: light-dark(
hsl(206deg 80% 62% / 80%),
hsl(0deg 0% 0% / 90%)
);
--color-text-input: light-dark(hsl(0deg 0% 14%), hsl(0deg 0% 95%));
/* TODO: Light mode uses browser-default white
backgrounds; we should extend the use of this

16
web/styles/dark_theme.css
View File

@@ -75,22 +75,6 @@
border-color: hsl(0deg 0% 0% / 60%);
}
input:not(.input-element) {
&[type="text"],
&[type="email"],
&[type="password"],
&[type="number"],
&[type="url"],
&[type="date"] {
background-color: hsl(0deg 0% 0% / 20%);
border-color: hsl(0deg 0% 0% / 60%);
&:focus {
border-color: hsl(0deg 0% 0% / 90%);
}
}
}
.popover-filter-input-wrapper .popover-filter-input:focus {
background-color: hsl(225deg 6% 7%);
border: 1px solid hsl(0deg 0% 100% / 50%);

6
web/styles/zulip.css
View File

@@ -727,6 +727,12 @@ input:not(.input-element) {
&[type="color"] {
font-size: inherit;
height: 1.4em;
background-color: var(--color-background-legacy-input);
border-color: var(--color-border-legacy-input);
&:focus {
border-color: var(--color-border-legacy-input-focus);
}
}
}