From e3744627acca000e933049bf4c733dff7f65d3b1 Mon Sep 17 00:00:00 2001
From: Joydeep Bhattacharjee <70678132+joydeep2001@users.noreply.github.com>
Date: Fri, 5 Jan 2024 00:23:14 +0530
Subject: [PATCH] css: Fix the color of alert word in dark theme.

This was incorrectly not declared as a theme-dependant color.

Fixes #28407.
---
 web/styles/rendered_markdown.css | 2 +-
 web/styles/zulip.css             | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/styles/rendered_markdown.css b/web/styles/rendered_markdown.css
index 37d3d64a55..068c251ed2 100644
--- a/web/styles/rendered_markdown.css
+++ b/web/styles/rendered_markdown.css
@@ -211,7 +211,7 @@
     }
 
     .alert-word {
-        background-color: hsl(18deg 100% 84%);
+        background-color: var(--color-background-alert-word);
     }
 
     /* Timestamps */
diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index fcf2e348d6..8154738bfe 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -235,6 +235,7 @@ body {
     --color-outline-tab-picker-tab-option: hsl(0deg 0% 0% / 30%);
     --color-background-tab-picker-tab-option-hover: hsl(0deg 0% 100% / 60%);
     --color-background-popover: hsl(0deg 0% 100%);
+    --color-background-alert-word: hsl(18deg 100% 84%);
 
     /* Compose box colors */
     --color-compose-send-button-icon-color: hsl(0deg 0% 100%);
@@ -521,6 +522,7 @@ body {
     --color-background-tab-picker-selected-tab: hsl(0deg 0% 100% / 7%);
     --color-outline-tab-picker-tab-option: hsl(0deg 0% 100% / 12%);
     --color-background-tab-picker-tab-option-hover: hsl(0deg 0% 100% / 5%);
+    --color-background-alert-word: hsl(22deg 70% 35%);
 
     /* Compose box colors */
     --color-compose-send-button-focus-shadow: hsl(0deg 0% 100% / 80%);