vscode真启用了深色需同时设置三部分:ui主题、语法高亮(editor.tokencolorscheme)、子区域主题(终端/预览/调试控制台);纯黑背景须在workbench.colorcustomizations中统一配置6个区域为#000000。

VSCode 默认就是深色主题,但“看起来是深色”不等于“真正启用了深色颜色方案”——很多用户点完 Dark+ 后代码区还是白底、终端发亮、预览窗口灰蒙蒙,问题出在颜色方案被拆成了三块独立控制:UI 主题、语法高亮、子区域主题,缺一不可。
怎么确认当前是否真用上了深色语法高亮
编辑器背景变暗 ≠ 代码文字变暗。真正决定括号、字符串、关键字颜色的是 editor.tokenColorScheme,它和 UI 主题完全解耦。
- 打开设置(
Ctrl+,),搜索tokenColorScheme,右侧值必须是Default Dark+(不是Default Light+) - 更稳妥的做法:直接编辑
settings.json,加这两行:"workbench.colorTheme": "Dark+ (default dark)",<br>"editor.tokenColorScheme": "Default Dark+"
- 第三方主题(如
One Dark Pro)通常会自动绑定语法方案,但如果你手动改过editor.tokenColorScheme,它可能被覆盖——删掉这行,让主题自己接管
为什么终端/预览/调试控制台还是浅色
这些区域不继承 workbench.colorTheme,必须单独配。否则一半黑一半白,眼睛要在不同明度间反复调节,比全亮还累。
- 终端:在
settings.json中加"terminal.integrated.colorScheme": "Default Dark+";若仍不生效,检查是否被插件(如shd101wyy.markdown-preview-enhanced)劫持了渲染 - Markdown 预览:加
"markdown.preview.experimental.useEditorStyle": true,否则它走浏览器默认样式,跟编辑器完全脱节 - 调试控制台:它用的是语法高亮方案的子集,某些主题(如
Material Theme)会禁用深色渲染——换回Dark+ (default dark)最稳
想实现纯黑背景(OLED 屏适用)必须填满哪 6 个区域
Dark+ 默认背景是 #1e1e1e 深灰,不是纯黑。只改 editor.background 会导致侧边栏、状态栏等仍是灰阶,视觉割裂明显。
- 必须在
settings.json的workbench.colorCustomizations下统一设这 6 项为#000000:editor.background、sideBar.background、activityBar.background、statusBar.background、panel.background、titleBar.activeBackground - 注意格式:整个
workbench.colorCustomizations是顶层对象,不能嵌套在其他字段里;所有键名和值都必须带双引号,少一个标点就导致整个设置失效 - 纯黑下高亮色容易刺眼:比如
#569cd6括号、#ffd700字符串会立刻眩光,建议关掉Bracket Pair Colorizer这类高饱和插件
最容易被忽略的是 editor.tokenColorScheme 和 terminal.integrated.colorScheme 这两个字段——UI 变暗太快,让人误以为万事大吉,结果代码区和终端还在默默发亮,持续消耗视力。











