From a9bc5e94e721d3912eddae9ebe75e9075e40f03e Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 16 Jun 2023 12:31:01 -0500
Subject: [PATCH] bot_icon: Adjust bot-icon color for light and dark modes.

---
 web/styles/components.css | 2 +-
 web/styles/zulip.css      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/styles/components.css b/web/styles/components.css
index 5595adb989..533eeaba12 100644
--- a/web/styles/components.css
+++ b/web/styles/components.css
@@ -94,7 +94,7 @@ a.no-underline:hover {
 }
 
 i.zulip-icon.zulip-icon-bot {
-    color: hsl(180deg 5% 74%);
+    color: var(--color-icon-bot);
     vertical-align: top;
     padding: 0 2px;
 }
diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index df4eb56493..cbfec1cb2a 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -154,6 +154,9 @@ body {
     --color-text-self-direct-mention: hsl(240deg 52% 45% / 100%);
     --color-text-self-group-mention: hsl(183deg 52% 26% / 100%);
 
+    /* Icon colors */
+    --color-icon-bot: hsl(180deg 8% 65% / 100%);
+
     /* Mention pill colors */
     --color-background-direct-mention: hsl(240deg 52% 95%);
     --color-background-group-mention: hsl(180deg 40% 94%);
@@ -197,6 +200,9 @@ body {
     --color-text-self-direct-mention: hsl(240deg 100% 88% / 100%);
     --color-text-self-group-mention: hsl(184deg 52% 63% / 100%);
 
+    /* Icon colors */
+    --color-icon-bot: hsl(180deg 5% 50% / 100%);
+
     /* Mention pill colors */
     --color-background-direct-mention: hsl(240deg 13% 20%);
     --color-background-group-mention: hsl(180deg 13% 15%);