作为一个程序员，编辑器是日夜陪伴你的工具，很多人都喜欢安装一些主题来装饰它，从而提升开发体验，视觉上更舒适。但是每个人的审美不一样，同一份主题并不适合所有人，或者说同一份主题并不是所有的地方你都喜欢。如果你还在将就，不妨跟着我，我教你添油加醋，调出符合你自己的口味。

以我个人为案例

这是我使用的主题Community Material Theme，比较简约，单色。

但是在开发的过程中，会有两个不好的体验：可以看到左侧资源管理器以及底部面板与编辑器没有明显界限。

当我不需要关闭侧边栏以及底部面板，单纯想调整大小为编辑区域留空间时，非常不方便。

如果有个边框是不是就解决了问题。下面我们开始修改这个主题，给它加上边框（注：此案例中虽然只是加边框这种小需求，但是方法适用于其他地方）。

1. 首选项 => 设置

此处标识我们当前使用的主题名称

2. 添加边框

panel.border：面板边框颜色，用于将面板与编辑器分开。

sideBar.border：分隔编辑器一侧的侧边栏边框颜色。

更多配置项请转官方文档

在settings.json下方添加自定义配置

"workbench.colorTheme": "Community Material Theme",

"workbench.colorCustomizations": {
    /*
     * 注意：此处键名复制上方主题名称。意为对当前主题的修改（样式覆盖）
     */ 
    "[Community Material Theme]": {
        "sideBar.border": "#2e383e",
        "panel.border": "#424d54"
    }
},

保存之后就可以看到侧边栏、底部面板与编辑区有了明显的间隔。

更多配置项请转官方文档

如果对您有帮助，烦请点个赞吧~ 🤪