fix slash and @ keyboard navigation popover background color (#6550)

2026-01-27 08:52:00 -08:00
parent bc0881caf4
commit 7bbeb362c9
1 changed files with 3 additions and 4 deletions
@@ -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>
                ))}