themes: fix match highlight contrast in focused quick pick rows (2026 themes) (#314117)

* themes: fix match highlight contrast in focused quick pick rows

Add list.focusHighlightForeground: #FFFFFF to the 2026 Dark and 2026
Light themes so search match highlights remain legible against the
saturated blue focused row background introduced in #313740.

The original list.highlightForeground (blue) is preserved for unfocused
rows, retaining the prior accessibility fix.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* Use quick-pick-specific token for focused match highlights

Address review: instead of overriding the global `list.focusHighlightForeground`
(which would impact all lists/trees in the workbench, including those with
light tinted focus backgrounds in 2026 Light), introduce a new
`quickInputList.focusHighlightForeground` color token scoped to the
quick pick. Update quickInput.css to use the new token and set it to
white in the 2026 Dark and 2026 Light themes.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: hawkticehurst

build/lib/stylelint/vscode-known-variables.json

@@ -621,6 +621,7 @@
 		"--vscode-quickInput-list-focusBackground",
 		"--vscode-quickInputList-focusBackground",
 		"--vscode-quickInputList-focusForeground",
+		"--vscode-quickInputList-focusHighlightForeground",
 		"--vscode-quickInputList-focusIconForeground",
 		"--vscode-quickInputTitle-background",
 		"--vscode-radio-activeBackground",

extensions/theme-defaults/themes/2026-dark.json

@@ -231,6 +231,7 @@
 		"quickInputList.focusBackground": "#297AA0",
 		"quickInputList.focusForeground": "#FFFFFF",
 		"quickInputList.focusIconForeground": "#FFFFFF",
+		"quickInputList.focusHighlightForeground": "#FFFFFF",
 		"quickInputList.hoverBackground": "#262728",
 		"terminal.selectionBackground": "#3994BC33",
 		"terminal.background": "#191A1B",

extensions/theme-defaults/themes/2026-light.json

@@ -235,6 +235,7 @@
 		"quickInputList.focusBackground": "#0069CC",
 		"quickInputList.focusForeground": "#FFFFFF",
 		"quickInputList.focusIconForeground": "#FFFFFF",
+		"quickInputList.focusHighlightForeground": "#FFFFFF",
 		"quickInputList.hoverBackground": "#EDF0F5",
 		"terminal.selectionBackground": "#0069CC26",
 		"terminalCursor.foreground": "#202020",

src/vs/platform/quickinput/browser/media/quickInput.css

@@ -303,7 +303,7 @@
 
 /* preserve list-like styling instead of tree-like styling */
 .quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
-	color: var(--vscode-list-focusHighlightForeground) !important;
+	color: var(--vscode-quickInputList-focusHighlightForeground) !important;
 }
 
 .quick-input-list .quick-input-list-entry .quick-input-list-separator {

src/vs/platform/theme/common/colors/quickpickColors.ts

@@ -11,7 +11,7 @@ import { registerColor, oneOf } from '../colorUtils.js';
 
 // Import the colors we need
 import { editorWidgetBackground, editorWidgetForeground } from './editorColors.js';
-import { listActiveSelectionBackground, listActiveSelectionForeground, listActiveSelectionIconForeground } from './listColors.js';
+import { listActiveSelectionBackground, listActiveSelectionForeground, listActiveSelectionIconForeground, listFocusHighlightForeground } from './listColors.js';
 
 
 export const quickInputBackground = registerColor('quickInput.background',
@@ -49,3 +49,7 @@ export const quickInputListFocusIconForeground = registerColor('quickInputList.f
 export const quickInputListFocusBackground = registerColor('quickInputList.focusBackground',
 	{ dark: oneOf(_deprecatedQuickInputListFocusBackground, listActiveSelectionBackground), light: oneOf(_deprecatedQuickInputListFocusBackground, listActiveSelectionBackground), hcDark: null, hcLight: null },
 	nls.localize('quickInput.listFocusBackground', "Quick picker background color for the focused item."));
+
+export const quickInputListFocusHighlightForeground = registerColor('quickInputList.focusHighlightForeground',
+	listFocusHighlightForeground,
+	nls.localize('quickInput.listFocusHighlightForeground', "Quick picker foreground color of the match highlights on the focused item."));