You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Visual Studio Code中自定义搜索结果及截图中文件名的颜色

如何在VS Code中自定义搜索结果及文件名的颜色

没问题!要在VS Code里调整搜索结果的颜色(包括你提到的文件名颜色),只需要修改settings.json里的颜色配置项就能搞定,我给你一步步说清楚:

1. 打开设置JSON文件

有两种简单的方式打开这个文件:

  • 按下快捷键 Ctrl+,(Windows/Linux)或 Cmd+,(Mac)打开设置面板,然后点击右上角的「打开设置(JSON)」图标(就是那个大括号{})。
  • 或者按下 Ctrl+Shift+P(Windows/Linux)/ Cmd+Shift+P(Mac)打开命令面板,输入Open Settings (JSON)并回车。

2. 添加颜色自定义配置

在打开的settings.json中,找到(或者新增)"workbench.colorCustomizations"对象,然后添加搜索结果相关的颜色配置项。这里给你一个常用的示例:

"workbench.colorCustomizations": {
  // 修改搜索结果中的文件名颜色
  "searchResults.fileNameForeground": "#ff6b6b",
  // 修改搜索匹配文本的背景色(高亮效果)
  "searchResults.matchBackground": "#4ecdc433",
  // 修改搜索匹配文本的字体颜色
  "searchResults.matchForeground": "#2c3e50",
  // 可选:修改搜索结果的行号颜色
  "searchResults.lineNumberForeground": "#95a5a6"
}

配置项说明:

  • searchResults.fileNameForeground:这就是控制搜索面板里文件名的字体颜色的核心配置,你可以替换成任意十六进制颜色值,甚至可以加两位透明度参数(比如#ff6b6b80就是半透明的红色)。
  • searchResults.matchBackground:搜索结果中匹配文本的背景高亮颜色,用带透明度的颜色会更柔和。
  • searchResults.matchForeground:匹配文本的字体颜色,确保和背景色有足够对比度,方便阅读。

如果只想在特定主题下生效(比如不想影响其他主题的显示),可以把配置放在主题对应的方括号里,比如:

"workbench.colorCustomizations": {
  "[Monokai]": {
    "searchResults.fileNameForeground": "#e74c3c"
  }
}

3. 实时预览效果

保存settings.json之后,VS Code会自动应用这些更改。你可以打开搜索面板(Ctrl+Shift+F)测试效果,如果不满意,直接调整颜色值再保存就行。

另外,如果你想探索更多搜索相关的颜色配置,在settings.json里输入searchResults,VS Code会弹出智能提示,列出所有可用的配置项,按需调整即可。

内容的提问来源于stack exchange,提问作者boris_here

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.06 19:12:34