更改快速选择器的悬停颜色答案

【问题标题】：Change hover color for quick picker更改快速选择器的悬停颜色
【发布时间】：2019-12-30 00:35:58
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

你可以用任何你喜欢的颜色替换它。

【讨论】：

【解决方案2】：

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

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",

【讨论】：

谢谢，但我没有找到改变颜色以快速打开选定选项的属性。
那是因为你看的不够仔细 ;) 名字并不那么明显。请参阅上面的更新。
我搜索了大约 1 小时，在更新之前找到了 list.hoverBackground 和 list.highlightForeground。它们不是我想要的。无论如何谢谢;-)

【解决方案3】：

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

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

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

【讨论】：

看来改变我想要的东西是不可能的，谢谢。

【解决方案4】：

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

"workbench.colorCustomizations": {

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

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

【讨论】：