VSCode可自动跟随系统主题切换外观。打开设置,启用Window: Auto Detect Color Scheme,并指定Workbench首选深色和浅色主题,或在settings.json中配置window.autoDetectColorScheme为true及对应主题名称,保存后即可实现界面随系统明暗模式实时切换。

VSCode 支持根据操作系统的主题(浅色或深色)自动切换界面外观,只需简单配置即可实现主题随系统设置实时响应。以下是如何开启和配置该功能的具体方法。
启用自动跟随系统主题
VSCode 内置了对系统级主题感知的支持,无需安装额外插件。要启用此功能,需修改用户设置中的颜色主题行为:
- 打开 VSCode 设置界面(可通过 Ctrl + , 快捷键进入)
- 搜索关键词 theme
- 找到 Window: Auto Detect Color Scheme 选项
- 将其勾选启用
启用后,VSCode 会自动检测系统当前的配色模式,并切换为对应的编辑器主题。
指定亮色与暗色主题
仅开启自动检测还不够,还需明确指定在不同模式下使用的具体主题:
- 在设置中搜索 Workbench: Preferred Dark Theme
- 选择你希望在系统深色模式下使用的主题(如 "Default Dark+")
- 接着搜索 Workbench: Preferred Light Theme
- 设置浅色模式下的首选主题(如 "Default Light+")
保存设置后,当你在系统设置中切换明暗模式,VSCode 界面将随之更新。
通过 settings.json 手动配置(可选)
如果你习惯直接编辑配置文件,可以打开 settings.json 添加如下内容:
{"window.autoDetectColorScheme": true,
"workbench.preferredDarkTheme": "Default Dark+",
"workbench.preferredLightTheme": "Default Light+"
}
确保主题名称与已安装的主题一致,否则可能无法正确加载。
基本上就这些。只要完成上述任一方式的配置,VSCode 就能无缝跟随系统主题变化,无需手动切换,提升使用体验的同时也更护眼。不复杂但容易忽略。










