From 2e1ab1c470a2d3ae93ce20c638d9a37632399b48 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Mon, 4 Nov 2024 16:21:07 -0500
Subject: [PATCH] unread_counters: Adjust hover styles for inbox, recent views.

---
 web/styles/inbox.css       | 6 ++++--
 web/styles/recent_view.css | 9 +++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/styles/inbox.css b/web/styles/inbox.css
index 49596c7ab7..e10ec81aaa 100644
--- a/web/styles/inbox.css
+++ b/web/styles/inbox.css
@@ -19,10 +19,12 @@
         }
 
         .unread_count {
-            opacity: 0.7;
+            opacity: 1;
+            outline: 0 solid var(--color-background-unread-counter);
+            transition: outline-width 0.1s ease;
 
             &:hover {
-                opacity: 1;
+                outline-width: 1.5px;
             }
         }
 
diff --git a/web/styles/recent_view.css b/web/styles/recent_view.css
index 1e929cdc75..b96b66eeb7 100644
--- a/web/styles/recent_view.css
+++ b/web/styles/recent_view.css
@@ -45,7 +45,6 @@
         align-items: center;
 
         .recent-view-table-link,
-        .recent-view-table-unread-count,
         & > .zulip-icon {
             outline: 0;
         }
@@ -191,7 +190,13 @@
         margin-right: 1px;
         margin-left: 1px;
         align-self: center;
-        background-color: hsl(105deg 2% 50%);
+        opacity: 1;
+        outline: 0 solid var(--color-background-unread-counter);
+        transition: outline-width 0.1s ease;
+
+        &:hover {
+            outline-width: 1.5px;
+        }
     }
 
     .unread_mention_info:not(:empty) {