创建 vscode 主题时如何自定义命令调色板颜色和键绑定答案

【问题标题】：How to customize command palette color and keybindings when creating vscode theme创建 vscode 主题时如何自定义命令调色板颜色和键绑定
【发布时间】：2018-11-25 18:41:43
【问题描述】：

为自己创建一个 VSCode 主题。我喜欢目前的颜色配置，但是当我打开命令调色板时，它是“透视”的，因此难以阅读。设计主题时如何配置调色板？

【问题讨论】：

标签： visual-studio-code vscode-settings vscode-extensions

【解决方案1】：

V1.36 为命令调色板/快速打开面板添加了这两种颜色自定义：

"quickInput.background": "#ff0000",
"quickInput.foreground": "#fff"

感谢add color controls to quick open panel PR。

每个命令右侧显示的那些键绑定将在 v1.56 中成为主题（已经在 Insiders 中）。见https://github.com/microsoft/vscode/commit/a3444b121230a97f3ae07304780ea130ea092542

"workbench.colorCustomizations": {
  "keybindingLabelBackground": "#f00",
  "keybindingLabelForeground": "#f00",
  "keybindingLabelBorder": "#f00",
  "keybindingLabelBottomBorder": "#f00",
  "keybindingLabelShadow": "#f00"
}

【讨论】：

对于那些想知道的人来说，quickInput 还有另一个价值："quickInput.list.focusBackground": "#fff"
@UnderBlue592 应该是"quickInputList.focusBackground" 小错字

【解决方案2】：

要更改命令面板的背景，请修改sideBar.background 设置。 More info

我遇到了和你完全相同的问题，所以我在文档中寻找它。起初我认为这是一个列表颜色设置，因为更改 list.focusBackground 会更改命令调色板中的选定项目。

【讨论】：

非常感谢，这正是我想要的！实际上，我与您尝试更改 list.focusBackground 设置的路径相同。
对于那些寻找它的人：这确实改变了控制面板中的突出显示 "workbench.colorCustomizations": {"list.focusBackground": "#ff0000",}