在 vscode 中更换主题分两步:先安装主题扩展(如 One Dark Pro、SynthWave ’84),再通过 Ctrl+K Ctrl+T 或命令面板启用颜色/文件图标主题;支持自定义 settings.json 微调细节。

在 VSCode 中更换和配置主题非常简单,主要分两步:安装喜欢的主题扩展,再在设置中启用它。
查找并安装主题
VSCode 自带主题库,支持深色、浅色、高对比度等多种风格。打开左侧活动栏的扩展图标(或按 Ctrl+Shift+X),在搜索框输入关键词,比如 “Dracula”、“One Dark Pro”、“gitHub Theme” 或 “Solarized”。点击安装即可。
- 推荐几个常用主题:One Dark Pro(类 sublime 风格)、Material Icon Theme(搭配图标更协调)、SynthWave ’84(霓虹赛博风)
- 安装后无需重启,主题会立即生效(部分需手动启用)
切换颜色主题
安装完成后,按 Ctrl+Shift+P 打开命令面板,输入 “Preferences: Color Theme”,回车。会弹出所有已安装的颜色主题列表,上下键选择,回车确认。
- 也可通过菜单栏:文件 → 首选项 → 颜色主题
- 快捷键 Ctrl+K Ctrl+T 是专门打开颜色主题切换面板的快捷方式
切换文件图标主题
颜色主题只改编辑器界面,文件资源管理器里的图标由“文件图标主题”控制。同样用命令面板:Ctrl+Shift+P → 输入 “Preferences: File Icon Theme”,选择已安装的图标主题(如 Material Icon Theme)。
- 图标主题和颜色主题可自由组合,互不影响
- 启用图标主题后,侧边栏的文件夹和文件类型会有对应图标,视觉更清晰
自定义主题细节(可选)
如果想微调主题效果,比如修改括号高亮色、光标样式或字体粗细,可以编辑 settings.json 文件。
- 按 Ctrl+, 打开设置,右上角点“打开设置 (json)”图标
- 在里面添加如
"editor.matchBrackets": "always"或"workbench.colorCustomizations": { "editorBracketMatch.background": "#ff000030" } - 修改后保存,实时生效(部分设置需重开文件)
基本上就这些。主题换得顺手,写代码的心情也会好一点。