更改悬停颜色以快速选择

Question

是否可以通过设置更改快速选择器所选选项的颜色？

Answer 1

您可以通过以下方式安装或下载新主题：

Files -> Preferences -> Color Theme

或者您可以从头开始创建自己的主题，或者使用VSCE工具重复使用现有主题：

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

或者您可以在文件夹中找到主题：

\Microsoft VS Code\resources\app\extensions

将颜色保存在JSON文件中的位置。

默认值位于：

\theme-defaults\themese

这是Visual Studio Light（light_defaults.json），在这里我只是将list.hoverBackground颜色更改为一些丑陋的紫色：

{
    "$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"
    }
}

---更新---

不同的主题使用更多或更少的选项，具体取决于它们与默认颜色的差异。缺少的也可以添加。您在此处查找的列表称为list.hoverBackground和list.highlightForeground，它们相当笼统，会影响VS Code中的许多不同区域。

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

Answer 2

要保留当前主题并仅更改此颜色，请在设置中找到“工作台：颜色自定义”，然后单击“在settings.json中编辑”，然后将以下内容添加到屏幕右侧的用户设置中：

"workbench.colorCustomizations": {
  "list.focusBackground": "#CCCCCC"
},

您可以用任意颜色替换它。

Answer 3

我知道有2个与Quick Picker相关的变量。似乎都与悬停颜色无关，但可能与它们有关。这两个是：

pickerGroup.border: Quick picker (Quick Open) color for grouping borders.
pickerGroup.foreground: Quick picker (Quick Open) color for grouping labels.

希望其中之一对您有所帮助。在设置文件中尝试一下。

Answer 4

您确实问了两个问题：问题标题中的 hover 颜色和第一句中的 selected option 颜色。它们以两种不同的方式处理：

"workbench.colorCustomizations": {

  "quickInputList.focusBackground": "#ff0000",  // the selected option color
  "list.hoverBackground": "#ff0000"             //  the hover color
}

所选选项用于命令面板/快速输入中的向上/向下箭头，而悬停用于鼠标悬停。