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

Question

为自己创建一个 VSCode 主题。我喜欢我现在的颜色配置，但是当我打开命令调色板时，它是 'see-through' 让人难以阅读。设计主题时如何配置调色板？

Answer 1

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

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

Answer 2

V1.36 为 palette/quick 打开面板的命令添加了这两个颜色自定义：

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

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

How to customize command palette color and keybindings when creating vscode theme

visual-studio-code

vscode-extensions

vscode-settings