Fix: Context mentions menu is not legible with light+ theme (cline#745)…

… (cline#942)
tbowman-bah · Dec 22, 2024 · 031da29 · 031da29
1 parent 75e3b91
commit 031da29
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/webview-ui/src/components/chat/ContextMenu.tsx b/webview-ui/src/components/chat/ContextMenu.tsx
@@ -129,14 +129,17 @@ const ContextMenu: React.FC<ContextMenuProps> = ({
 						style={{
 							padding: "8px 12px",
 							cursor: isOptionSelectable(option) ? "pointer" : "default",
-							color: "var(--vscode-dropdown-foreground)",
+							color: 
+								index === selectedIndex && isOptionSelectable(option)
+									? "var(--vscode-quickInputList-focusForeground)"
+									: "",
 							borderBottom: "1px solid var(--vscode-editorGroup-border)",
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "space-between",
 							backgroundColor:
 								index === selectedIndex && isOptionSelectable(option)
-									? "var(--vscode-list-activeSelectionBackground)"
+									? "var(--vscode-quickInputList-focusBackground)"
 									: "",
 						}}
 						onMouseEnter={() => isOptionSelectable(option) && setSelectedIndex(index)}>