From 35278a74bb1b85be603359ad95fdc420cf041572 Mon Sep 17 00:00:00 2001
From: Aman Agrawal <amanagr@zulip.com>
Date: Thu, 11 May 2023 08:20:33 +0000
Subject: [PATCH] css: Fix highlighted stream color with keyboard navigation.

Instead of highlighting the topics of the `active-stream`, we
highlight the stream name.
---
 web/styles/left_sidebar.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index 6d1f331be9..c254c591f9 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -299,13 +299,26 @@ li.show-more-topics {
 
 :not(.active-sub-filter) {
     &.top_left_row:hover,
-    &.bottom_left_row:hover,
-    &#stream_filters li.highlighted_stream {
+    &.bottom_left_row:hover {
         background-color: var(--color-background-hover-narrow-filter);
         border-radius: 4px;
     }
 }
 
+#stream_filters .narrow-filter.highlighted_stream {
+    &.active-filter > .bottom_left_row {
+        background-color: var(--color-background-hover-narrow-filter);
+    }
+
+    &.active-filter .topic-list .bottom_left_row {
+        background-color: var(--color-background-active-narrow-filter);
+    }
+
+    .bottom_left_row:not(.active-sub-filter) {
+        background-color: var(--color-background-hover-narrow-filter);
+    }
+}
+
 #login-link-container,
 #subscribe-to-more-streams {
     text-decoration: none;