如何修改Visual Studio Code中查询结果选项卡的输出字体颜色？

算力阿峰

2026-6-12

修改VS Code查询结果选项卡的字体颜色

查询结果选项卡属于VS Code工作台UI区域，无法通过editor.tokenColorCustomizations修改，需使用workbench.colorCustomizations进行定制，具体操作如下：

打开VS Code设置：按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入Preferences: Open Settings (UI)回车，或点击左下角设置图标选择「Settings」。
定位工作台颜色配置：在设置搜索框输入workbench.colorCustomizations，点击搜索结果里的「Edit in settings.json」进入配置文件编辑。
定制查询结果颜色：根据目标区域添加对应颜色键值对，通用的列表类查询结果常用键包括：
- list.foreground：查询结果列表的默认字体颜色
- list.highlightForeground：选中结果项的字体颜色
  示例配置（替换为你需要的十六进制颜色值）：
```
"workbench.colorCustomizations": {
  "list.foreground": "#e0e0e0",
  "list.highlightForeground": "#4ec9b0"
}
```
精准定位特定区域：如果通用键不生效（比如是特定扩展的查询结果面板），按下Ctrl+Shift+P输入Developer: Inspect Workbench UI，点击查询结果区域的文本，面板会显示该元素对应的颜色键，将其添加到workbench.colorCustomizations即可。