One Dark Pro 是暗色主题基准线，因其蓝灰深灰背景 #282c34、柔和注释色 #5c6370 和低饱和字符串绿 #98c379，配合 semanticTokenColors 实现精准语法区分；启用需手动设置且避免覆盖式配置。
VSCode 主题不是装上就“变美”，关键在配色逻辑、图标协同和细节压制——选错主题反而加重视觉负担，尤其长时间编码时。
One Dark Pro 为什么仍是暗色主题的基准线
它不是最炫的，但背景用 #282c34（蓝灰深灰），比默认 Dark+ 更柔和；注释色是 #5c6370，不抢焦点；字符串高亮是 #98c379（低饱和绿），不是刺眼的荧光色。这些颜色经过 Atom 社区多年打磨，对 TypeScript/Python/JS 都启用了 semanticTokenColors，函数名、类型、参数能真正区分开。
- 安装后务必通过命令面板
Preferences: Color Theme手动启用，不能只靠安装 - 如果主题没生效，先检查工作区
.vscode/settings.json是否锁定了"workbench.colorTheme"字段 - 别改
editor.foreground这类顶层颜色项，会覆盖整个语法着色体系
Material Icon Theme 必须手动启用且精简配置
装了不等于用了——VS Code 不会自动切换图标主题。图标混乱的常见原因：文件夹还是默认蓝方块、.env 和 .ts 看不出区别、侧边栏文字被图标颜色盖住。
- 启用方式：按
Cmd+Shift+P输入Preferences: File Icon Theme，选Material Icon Theme - 在
settings.json中加这三行来压制干扰："material-icon-theme.folders.color": "#6c5ce7"、"material-icon-theme.hideFoldersArrows": true、"material-icon-theme.showUpdateMessage": false - 务必勾选设置里的
Hide node_modules folder，否则图标列表会卡顿
护眼 ≠ 暗色，背景明度和注释色才是关键
纯黑背景 #000000 + 纯白文字是最伤眼的组合，瞳孔放大后白色代码会产生眩光。真正护眼的主题，背景推荐 #1e1e1e 或带暖调的 #252526，主文本用 #e0e0e0 而非 #ffffff。
- 注释色建议设为
#6272a4或更灰的#5c6370，避免用高亮色如#ff9e6d - 修改方式不是装 CSS 注入插件，而是用
workbench.colorCustomizations安全覆盖："editorComment.foreground": "#6272a4" - Nord 和 Tokyo Night Storm 这类主题虽暗，但饱和度压得极低，适合 OLED 屏或夜间长时编码
浅色主题别碰纯白，Ayu Light 和 Vitesse Light 是白天主力
白天强光下，纯白背景 #ffffff 会反光刺眼。Ayu Light 用 #FBFBFB（米白灰），Vitesse Light 用 #FAFAFA（暖调浅灰），主文本都降为深灰而非纯黑，减少反射感。
- Ayu Light 注释用柔灰绿，关键词是低饱和蓝/橙，适合前端和文档写作
- Vitesse Light 对 Vue/TS 有专属语法增强，函数、属性、类型色差明确，不靠饱和度靠语义区分
- 两者都建议搭配
JetBrains Mono字体 +"editor.fontLigatures": true，连字让=>、===更自然
主题生效与否，常卡在 .vscode/settings.json 的隐式锁定、图标未手动启用、或用错 colorCustomizations 覆盖层级——这些地方不显眼，但一出问题就全盘失效。
