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

css: Do not use non-color values inside light-dark().

Browse Source 
Non-color values are not permitted inside light-dark(). This commit
fixes that for --color-invalid-input-box-shadow.
This commit is contained in:
Shubham Padia
2025-10-07 04:11:44 +00:00
committed by Tim Abbott
parent c903128eb7
commit 7bce6361b3
4 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_components.css
View File

@@ -1396,7 +1396,7 @@ input.invalid-input {
border-color: var(--color-invalid-input-border) !important; border-color: var(--color-invalid-input-border) !important;
&:focus { &:focus {
box-shadow: var(--color-invalid-input-box-shadow); box-shadow: var(--invalid-input-box-shadow);
} }
} }

5
web/styles/app_variables.css
View File

@@ -1019,9 +1019,10 @@
hsl(3deg 57% 33%), hsl(3deg 57% 33%),
hsl(3deg 73% 74%) hsl(3deg 73% 74%)
); );
--invalid-input-box-shadow: 0 0 2px var(--color-invalid-input-box-shadow);
--color-invalid-input-box-shadow: light-dark( --color-invalid-input-box-shadow: light-dark(
0 0 2px hsl(3deg 57% 33%), hsl(3deg 57% 33%),
0 0 2px hsl(3deg 73% 74%) hsl(3deg 73% 74%)
); );
--color-background-white-box: light-dark( --color-background-white-box: light-dark(
hsl(0deg 0% 100%), hsl(0deg 0% 100%),

2
web/styles/compose.css
View File

@@ -345,7 +345,7 @@
&:has(.new_message_textarea.invalid), &:has(.new_message_textarea.invalid),
&:has(.new_message_textarea.invalid:focus) { &:has(.new_message_textarea.invalid:focus) {
border-color: var(--color-invalid-input-border); border-color: var(--color-invalid-input-border);
box-shadow: var(--color-invalid-input-box-shadow); box-shadow: var(--invalid-input-box-shadow);
} }
} }

2
web/styles/input_pill.css
View File

@@ -232,7 +232,7 @@
&.invalid { &.invalid {
border-color: var(--color-invalid-input-border); border-color: var(--color-invalid-input-border);
box-shadow: var(--color-invalid-input-box-shadow); box-shadow: var(--invalid-input-box-shadow);
} }
} }