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

css: Use --color-background-modal-bar for .grey-box.

Browse Source 
Before 567e8f369e, the background-color
for .grey-box was --color-background-modal-bar, but the dark part out of
the light-dark() for that color was being overriden by
hsl(0deg 0% 0% / 20%) in dark_theme.css. Since that was a refactor PR,
we added a new color called --color-background-grey-box to keep the
behaviour same as before.

But discussion in
https://chat.zulip.org/#narrow/channel/101-design/topic/grey-box.20dark.20theme.20color.2E
confirmed that we want to have `--color-background-modal-bar` as the
background color for that class.
This commit is contained in:
Shubham Padia
2025-10-07 05:57:37 +00:00
committed by Tim Abbott
parent c3fdee6ed0
commit da0fa1349c
2 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_components.css
View File

@@ -431,7 +431,7 @@ input.settings_text_input {
.grey-box {
margin: 0;
padding: 5px 10px;
background-color: var(--color-background-grey-box);
background-color: var(--color-background-modal-bar);
border: 1px solid var(--color-border-modal-bar);
border-radius: 4px;

1
web/styles/app_variables.css
View File

@@ -1027,7 +1027,6 @@
hsl(0deg 0% 100%),
hsl(0deg 0% 0% / 20%)
);
--color-background-grey-box: light-dark(#f5f5f5, hsl(0deg 0% 0% / 20%));
--color-stream-group-row-checked-icon: hsl(240deg 96% 68%);
--color-stream-group-row-checked-icon-hover: hsl(240deg 41% 50%);
--color-stream-group-row-checked-icon-disabled: light-dark(