VS Code教程:如何修改文件资源管理器中选中/已打开文件的背景色?
自定义VS Code文件资源管理器选中/打开文件的背景色
当然可以实现,有两种常用方式,操作都不复杂:
方法一:直接通过VS Code内置配置修改(无需扩展)
VS Code支持通过settings.json自定义界面元素的颜色,完全能满足你的需求:
- 打开设置面板:按
Ctrl+,(Windows/Linux)或Cmd+,(Mac),搜索「workbench.colorCustomizations」 - 点击「编辑 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
相关产品推荐
相关产品推荐

