From 7bbeb362c95cd56ef19ef7012740f7b9b1c95714 Mon Sep 17 00:00:00 2001
From: Zane <75694352+zanesq@users.noreply.github.com>
Date: Tue, 27 Jan 2026 08:52:00 -0800
Subject: [PATCH] fix slash and @ keyboard navigation popover background color
 (#6550)

---
 ui/desktop/src/components/MentionPopover.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/ui/desktop/src/components/MentionPopover.tsx b/ui/desktop/src/components/MentionPopover.tsx
index 0309f3e7..11c4323f 100644
--- a/ui/desktop/src/components/MentionPopover.tsx
+++ b/ui/desktop/src/components/MentionPopover.tsx
@@ -553,10 +553,9 @@ const MentionPopover = forwardRef<
                   <div
                     key={item.extra}
                     onClick={() => handleItemClick(index)}
+                    data-selected={index === selectedIndex}
                     className={`flex items-center gap-3 p-2 rounded-md cursor-pointer transition-colors ${
-                      index === selectedIndex
-                        ? 'bg-bgProminent text-textProminentInverse'
-                        : 'hover:bg-bgSubtle'
+                      index === selectedIndex ? 'bg-sidebar-accent' : 'hover:bg-sidebar-accent/50'
                     }`}
                   >
                     <div className="flex-shrink-0 text-textSubtle">
@@ -564,7 +563,7 @@ const MentionPopover = forwardRef<
                     </div>
                     <div className="flex-1 min-w-0">
                       <div className="text-sm truncate text-textStandard">{item.name}</div>
-                      <div className="text-xs text-textSubtle truncate">{item.extra}</div>
+                      <div className="text-xs truncate text-textSubtle">{item.extra}</div>
                     </div>
                   </div>
                 ))}