One Dark Pro 和 Material Icon Theme 是最稳、最省心的组合，因语法区分度高、图标覆盖全、高 DPI 下清晰、护眼；主题不生效常因 .vscode/settings.json 中 workbench.colorTheme 被锁定，需手动修改并重启窗口；图标不显须执行 Preferences: File Icon Theme 启用；禁用 CSS 注入插件，改用 workbench.colorCustomizations 安全定制；Nord 比 SynthWave '84 更适配系统暗色模式自动切换。
One Dark Pro 和 Material Icon Theme 是目前最稳、最省心的组合，适合 90% 的日常开发场景——不是因为它们最炫，而是语法区分度高、图标覆盖全、高 DPI 和多显示器下不糊、夜间码到凌晨两点眼睛不干。
主题装完不生效？先查工作区设置是否偷偷锁死了
VS Code 主题不会自动启用，这是设计使然，不是 bug。但更常被忽略的是：.vscode/settings.json 里可能藏着一行 "workbench.colorTheme": "GitHub Dark"，它会强制覆盖你全局选的主题，且界面毫无提示。
- 打开当前项目根目录，检查是否存在
.vscode/settings.json - 如果存在，搜索
workbench.colorTheme，整行删掉或改成你想要的主题 ID（比如"one-dark-pro"） - 重启窗口（
Developer: Reload Window），别只重载设置 - 特别注意：用 GitHub Codespaces 或 Dev Container 时，容器内默认 settings 可能也带锁定项
图标显示不全？90% 是没走对启用路径
装了 Material Icon Theme 却还是看到一堆文件夹小方块，不是扩展坏了，是 VS Code 坚决不替你做决定——图标主题必须手动激活，而且不能靠“安装即启用”幻想。
- 安装后，必须执行命令
Preferences: File Icon Theme（Cmd+Shift+P 或 Ctrl+Shift+P） - 从弹出菜单中**点选一次**
Material Icon Theme，哪怕它看起来已经高亮了 - 某些项目用了
Peacock或Theme Switcher，它们会劫持workbench.iconTheme配置，临时禁用再试 - 如果用了自定义文件夹图标（比如把
/src显示成火箭），要确认扩展已开启material-icon-theme.folders.associations设置
想调暗注释色或加括号高亮？别碰 CSS 注入插件
很多用户装 Custom CSS and JS Loader 来改颜色，结果导致更新后主题崩溃、连字失效、甚至设置面板打不开。其实 VS Code 原生就支持安全定制。
- 打开
Preferences: Open Settings (JSON) - 在
"workbench.colorCustomizations"下加字段，例如："editorBracketMatch.background": "#2a2d34",<br>"editorComment.foreground": "#6272a4"
- 所有修改实时生效，无需重启，也不干扰主题更新
- 避免写
"editor.foreground"这类顶层颜色——它会覆盖整个语法着色逻辑，反而让string和keyword混成一片
Nord / SynthWave '84 这类主题为什么白天用很爽、晚上却刺眼？
根本不在配色本身，而在它们对系统级暗色模式的响应逻辑不同。Nord 默认按深蓝灰渲染，和 macOS 原生暗色 UI 融合自然；而 SynthWave '84 的霓虹光效依赖背景纯黑+高饱和发光，一旦系统开启“自动切换暗色模式”，它会在日出时突然变亮，视觉断层明显。
- 若长期用 macOS，优先选声明支持
auto-switch的主题（如Nord官方说明明确写了 “respects system appearance”） -
SynthWave '84建议只在独立窗口中使用，并关闭其glow效果（设"synthwave84.glow": false） - 测试方法：在系统设置里手动切一次暗色/亮色模式，观察 VS Code 状态栏、侧边栏是否同步变色
真正卡住人的从来不是“找不到好主题”，而是改了一堆配置后发现某个 .ts 文件的 interface 名字突然看不清了，或者切到新项目里图标又变回白方块——这些细节没有报错，也不会弹窗提醒，但每天都在悄悄吃掉你的注意力。
