Change hover color for quick picker

Question

Is it possible to change the color for quick picker selected option via settings?

Answer 1

You can install or download a new theme via:

Files -> Preferences -> Color Theme

Or you can create your own theme from scratch or reuse of an existing one with the VSCE tool:

https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers

Or you can simply find the theme in the folder::

\Microsoft VS Code\resources\app\extensions

Where the colors are saved in JSON files.

The defaults are in the:

\theme-defaults\themese

Here is the Visual Studio Light (light_defaults.json), where I just changed the list.hoverBackground color to some hideous purple:

{
    "$schema": "vscode://schemas/color-theme",
    "name": "Light Default Colors",
    "colors": {
        "editor.background": "#FFFFFF",
        "editor.foreground": "#000000",
        "editor.inactiveSelectionBackground": "#CCCCCC",
        "editorIndentGuide.background": "#D3D3D3",
        "editorIndentGuide.activeBackground": "#939393",
        "editor.selectionHighlightBackground": "#FFFFE0",
        "editorSuggestWidget.background": "#F3F3F3",
        "activityBarBadge.background": "#007ACC",
        "sideBarTitle.foreground": "#6F6F6F",
        "list.hoverBackground": "#FF00FF",
        "input.placeholderForeground": "#ADADAD"
    }
}

--- update ---

Different themes use more or fewer options depending on how much they vary from the default color. Missing ones can be added too. The ones you are looking for here are called list.hoverBackground and list.highlightForeground and they are pretty general affecting lots of different areas in VS Code.

"list.hoverBackground": "#ffffff",
"list.highlightForeground": "#bbdaff",