VSCode切换深色方案需同步配置workbench.colorTheme和editor.tokenColorScheme,仅改UI主题会导致边栏黑而代码白;快捷键Ctrl+K Ctrl+T仅调UI主题,语法高亮须手动匹配Default Dark+,终端、Markdown预览等也需单独设置。

VSCode 切换深色颜色方案不是点一个主题就完事,必须同步改至少两个配置项:UI 主题(workbench.colorTheme)和语法高亮方案(editor.tokenColorScheme)。漏掉后者,你会看到“边栏黑了、代码还是白底”的割裂效果。
用快捷键快速选 UI 主题,但别指望它管代码区
按 Ctrl+K Ctrl+T(Windows/Linux)或 Cmd+K Cmd+T(macOS),弹出的是「Color Theme」面板——它只改 workbench.colorTheme,也就是侧边栏、标题栏、状态栏这些区域的颜色。
- 选带
Dark+、GitHub Dark或One Dark Pro的主题,UI 立刻变暗 - 如果没反应,先按
Esc确保光标没在编辑器里输入中 - 列表为空?说明没装任何深色主题扩展,去扩展市场搜
Dracula或Solarized Dark装一个再试
为什么代码区还是亮的?必须手动设 editor.tokenColorScheme
editor.tokenColorScheme 控制变量、字符串、括号这些语法元素的颜色,它和 UI 主题完全解耦。默认不随 UI 主题自动切换,尤其在装了某些第三方主题(比如 Material Theme)时,它甚至会默认禁用深色语法渲染。
- 打开设置(
Ctrl+,),搜索tokenColorScheme,右侧值应为Default Dark+(不是Default Light+) - 更稳妥的做法是直接编辑
settings.json,加这两行:"workbench.colorTheme": "Dark+ (default dark)",<br>"editor.tokenColorScheme": "Default Dark+"
- 第三方主题如
One Dark Pro通常自动绑定两者,但如果你之前手动设过editor.tokenColorScheme,它可能被覆盖;删掉这行,让主题自己接管
终端、Markdown 预览、调试控制台还发白?它们各自有开关
这些区域不继承 workbench.colorTheme,也不听 editor.tokenColorScheme 的——必须单独配,否则视觉割裂比全亮还伤眼。
- 终端:在
settings.json中加"terminal.integrated.colorScheme": "Default Dark+"(注意不是theme) - Markdown 预览:启用
"markdown.preview.experimental.useEditorStyle": true,让它复用编辑器语法配色 - 调试控制台:它用的是编辑器主题子集,但部分主题(如
Material Theme)会跳过深色适配;换回Dark+ (default dark)最稳
真正容易被忽略的是 window.autoDetectColorScheme 和 PDF 预览——前者会让 VS Code 强制跟随系统深浅色,哪怕你手动选了 Dark+ 也会被覆盖;后者(比如 LaTeX Workshop 的 PDF 预览)默认永远白底,得进插件目录改 viewer.css 才能压暗。这些地方不动,其他区域再黑也没用。


















