VSCode代码色彩增强需按目标选择方案：Color Highlight专用于颜色值色块渲染，highlight-words实现手动多词高亮，editor.tokenColorCustomizations精准定制语法元素颜色，主题微调优于频繁更换。
想让代码色彩更鲜明，不是装个插件就完事——关键得看你要高亮什么、怎么高亮、会不会和现有配置打架。VSCode 本身不提供“全局增强色彩饱和度”的开关，所有“更鲜明”效果都依赖具体插件或手动配置，且不同目标要走完全不同的路。
Color Highlight：专治颜色值渲染不显眼
如果你发现 #ff6b6b、rgb(255, 107, 107) 这类颜色值在代码里只是普通文本，没有对应色块，那就是 Color Highlight 的典型适用场景。
- 它只作用于颜色语法（十六进制、RGB、HSL、命名色等），不碰变量、函数、关键字
- 默认启用但依赖语言模式：确保右下角显示的是
css、scss、html或vue，而不是Plain Text - 若色块太淡，可改
colorHighlight.colorOpacity（默认 0.5），设为0.8会更醒目；但别设到 1，否则遮挡文字 - 注释里的颜色（如
// #3498db）默认不渲染，需手动开启colorHighlight.showColorsInComment: true
highlight-words：手动触发、多色叠加、跨文件高亮选中词
这不是“自动让代码变鲜艳”的插件，而是你选中一个变量名（比如 userToken），按快捷键后，所有同名出现位置都用背景色标出来——视觉冲击强，且支持深色/浅色主题分别配色。
- 必须手动配置
settings.json才生效，UI 设置面板里改没用 -
highlightwords.colors至少填 2 组颜色，否则高亮可能直接不显示 -
highlightwords.defaultMode: 3（全词 + 忽略大小写）能避免把map高亮成flatMap的子串 - 深色主题下边框容易“消失”，务必设
"highlightwords.box": {"dark": false}
editor.tokenColorCustomizations：真正改语法元素颜色的底层方式
想让 function 关键字变荧光粉、字符串变橙红、注释变灰蓝？只能靠这个配置项。它不依赖插件，直接干预编辑器对语法结构的着色逻辑。
- 先用
Help → Toggle Developer Tools，再点编辑器任意位置，用Inspect Editor Tokens查出当前词的作用域（如support.type、string.quoted） - 在
settings.json中添加editor.tokenColorCustomizations，按 scope 精准覆盖，例如："string.quoted": { "foreground": "#FF6B6B" } - 改完不用重启，保存即生效；但 scope 写错或拼写错误时，完全没反应——这是最常卡住的地方
- 注意：某些语言（如 TypeScript）启用了语义高亮（Semantic Highlighting）后，token scope 会变，此时需配合
editor.semanticTokenColorCustomizations
主题级调色：换主题不如微调主题
装一堆“高颜值主题”不如把你正在用的主题（比如 Dark+ (default dark)）调一调。很多主题默认饱和度偏低，尤其对嵌入式或 C 语言开发者来说显得“发灰”。
- 改
workbench.colorCustomizations可调界面色（状态栏、侧边栏），不影响代码 - 改
editor.tokenColorCustomizations才动代码色，且建议只改 3–5 个关键 scope（如keyword、string、comment），改太多反而混乱 - 浅色主题（如
Visual Studio Light）下，提高editor.background亮度 + 降低editor.foreground对比度，比换主题更能缓解视觉疲劳
真正容易被忽略的，是语言模式和 token scope 的耦合关系——同一段代码，在 .js 文件里可能是 variable.other，在 .ts 文件里却变成 variable.other.readwrite.ts，scope 不一样，颜色配置就失效。动手前先 Inspect Editor Tokens，比瞎试十次都管用。
