From da0fa1349cb717dabb56f7e79f82d0f8cfa3d0a1 Mon Sep 17 00:00:00 2001 From: Shubham Padia Date: Tue, 7 Oct 2025 05:57:37 +0000 Subject: [PATCH] css: Use --color-background-modal-bar for .grey-box. Before 567e8f369e4cfedb9763945ca7db86800fb68ebe, 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. --- web/styles/app_components.css | 2 +- web/styles/app_variables.css | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/web/styles/app_components.css b/web/styles/app_components.css index 1a37c41be7..e19db5ace2 100644 --- a/web/styles/app_components.css +++ b/web/styles/app_components.css @@ -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; diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css index 79e505eea1..9a8f97414c 100644 --- a/web/styles/app_variables.css +++ b/web/styles/app_variables.css @@ -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(