极简风格需通过workbench.colorCustomizations精准覆盖editor.background、sideBar.background、activityBar.background等关键变量,统一设为#fafafa或transparent,并同步配置terminal.background、panel.background等,避免视觉割裂。

直接改 workbench.colorCustomizations,别碰主题切换
极简风格不是换一个“清爽主题”就能实现的,而是精准控制每个界面区域的背景色、边框、文字等元素。VS Code 默认主题(比如 Light+ 或 Dark+)自带大量颜色定义,但它们是整体绑定的,一换就全变;而极简需要的是“只改该改的,其余保持克制”。所以必须绕过主题,用 workbench.colorCustomizations 单独覆盖关键颜色变量。
这个配置项写在 settings.json 里,优先级高于任何已启用的主题,且不会影响语法高亮、图标、字体等其他维度——这才是可控的极简起点。
editor.background 别设纯白,sideBar.background 和 activityBar.background 要同步调
很多人只改了 editor.background,结果编辑区看着干净了,但左边侧边栏还是深灰、活动栏仍是蓝底,视觉上反而更割裂。极简的关键是“延续性”,不是单点变浅。
-
editor.background推荐用"#fafafa"或"#f5f7fa":比纯白柔和,减少反光和视觉疲劳 -
sideBar.background建议设为"#ffffff"或与编辑区一致的"#fafafa",避免出现“灰白分界线” -
activityBar.background必须设成透明或同色系,否则左侧那条竖栏会突兀地“钉”在那儿;可写"transparent"或"#fafafa" - 别漏掉
editorGroup.emptyBackground:新建未保存文件时的空白页签,默认是灰色,不设它就会破坏一致性
隐藏 UI 元素要靠配置项,右键勾选只是临时的
极简 ≠ 把东西藏起来就完事。右键菜单里取消勾选“活动栏”“状态栏”,重启后就恢复了;真正生效必须写进 settings.json 并重载窗口。
-
"workbench.activityBar.visible": false—— 隐藏左侧图标栏,功能仍在(Ctrl+Shift+E等快捷键照常) -
"workbench.statusBar.visible": false—— 状态栏消失,Git 分支、编码格式这些信息就没了,调试时容易忽略行末换行符类型,慎用 -
"window.menuBarVisibility": "toggle"—— 比"hidden"更安全,按Alt就能拉出菜单,避免误操作找不到“文件” - 所有这类布尔值配置加完后,必须执行
Developer: Reload Window,否则多显示器下可能只在主屏生效
终端和面板背景色不配,整个极简感就崩了
你把编辑器、侧边栏都调成统一浅灰,结果一打开终端,黑底绿字猛地跳出来,或者底部面板(比如问题面板、输出面板)还是默认深色——这不是极简,是拼贴。
-
terminal.background建议设为"#ffffff"或"#fafafa",和编辑区对齐;如果要用深色终端,务必同步改panel.background和statusBar.background -
statusBar.background和statusBar.foreground必须同时设,否则文字可能变成不可读的灰 - 某些插件(如
Polacode、Bracket Pair Colorizer)会注入自己的样式,导致颜色被覆盖;怀疑是插件干扰时,先禁用插件再验证 - Windows 上若开启 GPU 加速,偶发颜色渲染异常;可临时用
code --disable-gpu启动测试
极简真正的难点不在“怎么设”,而在“设哪些、不设哪些”。比如 tab.activeBorder 控制标签页底部那条线,不是 tab.activeBackground;写错一个 token 名,整段 workbench.colorCustomizations 就静默失效。颜色变量名必须严格匹配官方文档,大小写、点号都不能错。


















