VS Code 英文版换主题仅指颜色主题,背景图需依赖第三方插件;切换主题用Ctrl+Shift+P输入Preferences: Color Theme;纯色背景可自定义workbench.background和editor.background;背景图必须用绝对路径且需完全重启。

VS Code 英文版换主题和换“背景图”是两回事
VS Code 本身没有“背景主题”这个概念,只有 color theme(颜色主题)和可选的第三方插件实现的“图片背景”。英文界面不影响任何设置逻辑,所有操作路径、配置项、命令名都和中文版完全一致——只是菜单文字是英文而已。
用命令面板快速切换内置/已安装的颜色主题
这是最常用、最可靠的方式,英文版下快捷键和命令名不变:
- 按
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS)打开命令面板 - 输入
Preferences: Color Theme,回车 - 用方向键浏览列表,实时预览效果;选中后回车即生效(无需重启)
常见主题名在英文版里就是 Dark+、Light+、Monokai、Solarized Dark 等。装了第三方主题如 One Dark Pro 或 Dracula,也会出现在这里——前提是已通过扩展市场安装完毕。
想加图片当背景?别信“背景主题”宣传,得靠插件+绝对路径
VS Code 原生不支持背景图,所谓“背景主题”基本是营销话术。真正能加图的插件(如 Background)有硬性限制:
- 只接受本地文件的 绝对路径,且路径中必须用正斜杠
/,不能有空格或中文(例如:C:/Users/John/Pictures/bg.jpg) -
background.customImages最多写 3 个路径,但只有第一个生效 - 改完配置必须 完全重启 VS Code,保存后热重载无效
- 不支持相对路径、网络地址(
https://)、file://协议
如果你只是想调深浅、换色调(比如护眼绿灰、暗黑蓝紫),直接改 workbench.colorCustomizations 更稳更快,不用折腾图片路径。
自定义背景色:改 workbench.background 和 editor.background
纯色背景不需要插件,编辑 settings.json 即可:
{
"workbench.colorCustomizations": {
"workbench.background": "#1a1d23",
"editor.background": "#1e1e1e"
}
}
注意两点:
- 颜色值必须是合法格式:
#rrggbb、rgb(255,255,255)或transparent;写成"#fff"或"white"会失效 -
workbench.background控制整个工作台(侧边栏、标题栏等)背景,editor.background只管中间代码编辑区——两者常被设成不同颜色来区分层级
改完保存就生效,但如果你发现颜色没变,大概率是某个已启用的主题(比如 One Dark Pro)覆盖了你的自定义,这时需要检查该主题是否禁用了 colorCustomizations 的优先级,或者干脆先禁用主题再试。
最容易被忽略的是:VS Code 的“主题”本质是配色方案集合,它不控制字体、图标、缩放、布局——这些都得单独配。而所谓“背景图”,从来不是主题的一部分,只是个别插件的附加功能,还自带一堆路径和重启陷阱。










