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

VS Code教程:如何修改文件资源管理器中选中/已打开文件的背景色?

自定义VS Code文件资源管理器选中/打开文件的背景色

当然可以实现,有两种常用方式,操作都不复杂:

方法一:直接通过VS Code内置配置修改(无需扩展)

VS Code支持通过settings.json自定义界面元素的颜色,完全能满足你的需求:

  1. 打开设置面板:按Ctrl+,(Windows/Linux)或Cmd+,(Mac),搜索「workbench.colorCustomizations」
  2. 点击「编辑 in settings.json」,添加以下配置项(根据需求修改颜色值):
"workbench.colorCustomizations": {
    // 焦点在侧边栏时,选中文件的背景色
    "list.activeSelectionBackground": "#ffcc00",
    // 焦点不在侧边栏时,选中文件的背景色
    "list.inactiveSelectionBackground": "#ffe680",
    // 键盘导航聚焦到文件时的背景色
    "list.focusBackground": "#ffd700",
    // 可选:调整选中文件的文字颜色,提升对比度
    "list.activeSelectionForeground": "#000000"
}

你可以用十六进制颜色值(比如#ffcc00)或RGBA格式(比如rgba(255,204,0,0.4))设置颜色和透明度,保存后立刻生效。

方法二:用可视化扩展修改(适合不想写代码的用户)

如果觉得手动写配置麻烦,可以用VS Code的主题定制扩展,比如Theme Customizer:

  • 安装扩展后,打开扩展的设置面板
  • 找到「Explorer」相关的颜色选项,直接通过颜色选择器设置选中/打开文件的背景色,直观又方便。

注意:如果自定义后没生效,检查是否有其他主题或扩展的样式冲突,workbench.colorCustomizations的优先级高于默认主题,一般会覆盖原有设置。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.18 10:33:14