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

如何修改VSCode活动栏资源管理器列表视图左侧边框颜色?

自定义VSCode文件图标左侧竖线颜色

你要修改的是资源管理器中文件/文件夹项的选中、悬停及非活跃状态下的左侧竖线,直接在VSCode的settings.json中通过workbench.colorCustomizations配置对应颜色项即可:

分状态配置示例

  • 选中且焦点在资源管理器时的竖线颜色:
    "workbench.colorCustomizations": {
      "list.activeSelectionBorder": "#ff4081"
    }
    
  • 悬停时的竖线颜色:
    "workbench.colorCustomizations": {
      "list.hoverBorder": "#81d4fa"
    }
    
  • 选中但焦点不在资源管理器时的非活跃状态竖线颜色:
    "workbench.colorCustomizations": {
      "list.inactiveSelectionBorder": "#a5d6a7"
    }
    

合并多状态配置

如果需要同时设置多种状态,将配置项合并到同一个workbench.colorCustomizations块中:

"workbench.colorCustomizations": {
  "list.activeSelectionBorder": "#ff4081",
  "list.hoverBorder": "#81d4fa",
  "list.inactiveSelectionBorder": "#a5d6a7"
}

配置完成后保存文件,VSCode会自动应用更改。你可以根据需求替换颜色值,支持HEX、RGB、HSL等标准颜色格式。

相比直接修改主题JSON文件,通过settings.json覆盖颜色是更安全且易维护的方式,不会影响主题本身的文件。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.19 17:52:34