VSCode可通过插件实现白天浅色、夜晚深色的主题自动切换,推荐使用Auto Dark Mode插件配置时间段(如18:00切深色,6:00切浅色),同时支持Ctrl+K Ctrl+T快捷键手动切换主题,并可结合系统明暗模式同步设置,实现多方式共存的灵活主题管理。

VSCode 的主题切换不仅可以手动操作,还能根据时间段自动更换,比如白天用浅色主题,晚上用深色主题。通过简单配置,你可以实现自动时段检测与手动快速切换的双重能力,提升使用体验。
自动按时间段切换主题
VSCode 本身不内置时间感知主题功能,但可通过扩展实现自动切换。推荐使用 “Auto Dark Mode” 插件,它能根据系统时间或自定义时段自动切换主题。
操作步骤:- 打开扩展面板(Ctrl+Shift+X),搜索 Auto Dark Mode 并安装。
- 在 settings.json 中添加如下配置:
{
"autoDarkMode.autoSync": true,
"autoDarkMode.lightTheme": "Default Light+",
"autoDarkMode.darkTheme": "Default Dark+",
"autoDarkMode.activationHour": 18,
"autoDarkMode.deactivationHour": 6
}
上述配置表示:每天 18:00 切换到深色主题,6:00 切回浅色主题。你可根据实际作息调整时间。
手动快速切换主题
即使启用了自动切换,你也可能临时想换主题。VSCode 提供了快捷方式,无需进入设置菜单。
常用方法:- 按下 Ctrl+K Ctrl+T,直接打开主题选择面板,上下键浏览并确认即可更换颜色主题。
- 在命令面板(Ctrl+Shift+P)中输入 Preferences: Color Theme,选择你喜欢的主题。
可提前安装如 One Dark Pro、Solarized Dark 或 GitHub Theme 等流行主题,丰富切换选项。
结合系统明暗模式同步(可选)
如果你的操作系统支持自动明暗切换(如 Windows 夜间模式或 macOS 自动切换),可让 VSCode 跟随系统主题变化。
在 settings.json 中添加:
{
"window.autoDetectColorScheme": true,
"workbench.preferredLightColorTheme": "Default Light+",
"workbench.preferredDarkColorTheme": "Default Dark+",
"workbench.preferredHighContrastColorTheme": "Default High Contrast"
}
这样,当系统切换至夜间模式,VSCode 也会自动变为深色主题。
基本上就这些。自动时段检测依赖插件,手动切换靠快捷键,系统同步则是原生支持。三种方式可以共存,按需组合使用最方便。










