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

VS Code能否单独设置主侧边栏视图标签及文件资源管理器背景色?

VS Code 侧边栏自定义设置解决方案

1. 单独更改主侧边栏各视图标签的颜色

可以通过自定义 settings.json 中的颜色属性,为活动栏(主侧边栏的视图切换区域)里的不同视图标签/图标设置单独颜色。具体配置示例如下:

"workbench.colorCustomizations": {
  // 全局未选中视图的默认颜色
  "activityBar.inactiveForeground": "#888888",
  // 单独设置文件资源管理器视图的颜色
  "activityBar.foreground.explorer": "#00ff88",
  // 单独设置Git视图的颜色
  "activityBar.foreground.git": "#ff4444",
  // 单独设置搜索视图的颜色
  "activityBar.foreground.search": "#4488ff",
  // 单独设置运行和调试视图的颜色
  "activityBar.foreground.debug": "#ffdd44"
}

未单独设置的视图会沿用全局的 activityBar.inactiveForeground 或 activityBar.foreground 配置,已配置的视图会显示对应自定义颜色。

2. 仅修改文件资源管理器侧边栏的背景色

可以通过区分专属背景属性和全局侧边栏背景属性来实现,配置示例:

"workbench.colorCustomizations": {
  // 整个侧边栏的默认背景色
  "sideBar.background": "#1e1e1e",
  // 文件资源管理器侧边栏的单独背景色
  "explorer.background": "#2a2a2a"
}

配置后,文件资源管理器的背景会与搜索、Git等其他侧边栏视图形成视觉差异,方便快速识别当前面板。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.13 03:32:35