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

如何修改VS Code主侧边栏与资源管理器视图的轮廓颜色?

修改VS Code主侧边栏与资源管理器视图轮廓颜色的方法

你可以通过在settings.json的workbench.colorCustomizations中添加对应的颜色配置项来实现需求,以下是修改后的完整配置文件:

{
    "workbench.colorCustomizations": {
        "tab.activeBorderTop": "#fc7c05",
        "statusBar.background": "#85410165",
        "activityBar.activeBorder": "#fc7c05",
        "statusBarItem.remoteBackground": "#fc7c05",
        "terminal.tab.activeBorder": "#fc7c05",
        "activityBarBadge.background": "#fc7c05",
        "menu.selectionBackground": "#ff7b0074",
        "list.focusAndSelectionOutline": "#fc7c05",
        "list.activeSelectionBackground": "#803f0243",
        // 主侧边栏(与编辑器区域分隔的边框)轮廓颜色
        "sideBar.border": "#fc7c05",
        // 资源管理器视图周围的区域边框颜色
        "sideBarSection.border": "#fc7c05"
    }
}

配置项说明:

  • sideBar.border:控制主侧边栏右侧与编辑器区域之间的边框颜色,对应你要修改的"主侧边栏的轮廓颜色"。
  • sideBarSection.border:控制侧边栏内各个功能视图(包括资源管理器)的区域边框,也就是资源管理器视图周围的轮廓。

你可以根据实际视觉需求调整颜色值(示例中沿用了你已有的#fc7c05),保存配置后VS Code会自动应用更改。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.09 05:50:18