VSCode代码高亮由三套独立机制分层控制：语法词法高亮（editor.tokenColorCustomizations）、语义高亮（editor.semanticTokenColorCustomizations）和UI/装饰色（workbench.colorCustomizations）；改错层级则颜色不生效，须用Inspect Editor Tokens and Scopes获取精确scope，并严格按JSON格式配置textMateRules。
VSCode 代码高亮颜色不是“选个主题就完事”，它由三套互不干扰的机制分层控制：语法词法高亮（tokenColorCustomizations）、语义高亮（semanticTokenColorCustomizations）、UI/装饰色（workbench.colorCustomizations）。改错层级，颜色就完全不生效。
怎么改 keyword、string、comment 这类基础语法颜色
这是最常被误操作的部分——想让 function 变粉、"hello" 变橙，必须用 editor.tokenColorCustomizations，而不是往 workbench.colorCustomizations 里塞。
- 先打开任意代码文件，按
Ctrl+Shift+P→ 输入Developer: Inspect Editor Tokens and Scopes，把光标停在目标词（比如一个字符串）上，看右下角弹出的 scope 名，常见如string.quoted.double.js或keyword.control.ts - 在
settings.json顶层加配置，格式严格："editor.tokenColorCustomizations": { "textMateRules": [ { "scope": ["string.quoted.double.js"], "settings": { "foreground": "#FF6B6B" } }, { "scope": ["keyword.control.ts"], "settings": { "foreground": "#E06C75" } } ] } - scope 写错、拼错字段名（比如写成
tokenColorCustomization少个s），配置就静默失效；改完保存即生效，不用重启 - 如果用了 TypeScript 或 Vue，语言服务器启用语义高亮后，
tokenColorCustomizations可能被覆盖，得同步配editor.semanticTokenColorCustomizations
为什么改了颜色却没反应？优先查这三处
90% 的“改了没变化”问题，都卡在这几个地方，和插件无关：
- 你改的是本地
settings.json，但当前窗口是 Remote-SSH 或 Dev Container —— 必须改远程工作区里的.vscode/settings.json - 第三方主题（如 One Dark Pro、Nord）在
tokenColors里硬编码了颜色值，优先级高于你的自定义；临时切回Default Dark+验证是否主题冲突 - 某些插件（如 Bracket Pair Colorizer、Highlight Matching Tag）直接注入 DOM 覆盖原生渲染，关掉插件再试
想让函数体、if 块这类“逻辑块”有背景色怎么办
VSCode 没有 editor.blockBackground 这种原生配置。所谓“代码块背景”，实际是三种逼近方式的混合：
- 缩进线染色：装
indent-rainbow插件，它给每级缩进画垂直色带，视觉上形成区块感，但不真正填充背景 - 语义范围着色：确认
"editor.semanticHighlighting": true，用Inspect Editor Tokens查到函数体 scope（如meta.function.body.js），再在tokenColorCustomizations.textMateRules中加"background"字段——但注意：部分语言服务器（尤其旧版 TS）不支持 background 渲染，只认foreground - HTML/XML 标签对高亮：装
highlight-matching-tag，它能为<div>...</div>区间加背景，但仅限标记语言
真正难的不是怎么写配置，而是分清你看到的那块颜色，到底是 selection、line highlight、还是插件渲染的装饰层——它们各自走的通道完全不同，混着调只会越调越乱。
