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

Sta*_*ama 6 visual-studio-code vscode-extensions vscode-settings

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

看穿命令面板

tim*_*ing 6

要更改命令面板的背景,请修改sideBar.background设置。更多信息

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


Mar*_*ark 6

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

"quickInput.background": "#ff0000",
"quickInput.foreground": "#fff"
Run Code Online (Sandbox Code Playgroud)

感谢为快速打开面板 PR 添加颜色控件


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

"workbench.colorCustomizations": {
  "keybindingLabelBackground": "#f00",
  "keybindingLabelForeground": "#f00",
  "keybindingLabelBorder": "#f00",
  "keybindingLabelBottomBorder": "#f00",
  "keybindingLabelShadow": "#f00"
}
Run Code Online (Sandbox Code Playgroud)

  • @UnderBlue592 应该是 `"quickInputList.focusBackground"` 小错字 (4认同)