VSCode语法高亮由editor.tokenColorCustomizations控制，UI颜色归workbench.colorCustomizations管；需用Developer: Inspect Editor Tokens and Scopes获取精准scope，避免混用、错配层级或被第三方主题覆盖。
VSCode 插件本身不直接“打造”高颜值代码颜色空间，真正起作用的是主题（Color Theme）和语法高亮规则（token color customizations），插件只是提供预设或辅助工具——装错类型、配错层级、混用 scope 和 UI 颜色，90% 的“颜色没变”问题都出在这里。
怎么确认你改的是语法色，不是界面色？
编辑器里函数名、字符串、注释这些颜色，属于 editor.tokenColorCustomizations；而侧边栏、状态栏、标签页颜色，才归 workbench.colorCustomizations 管。两者不能混写，也不能互相覆盖。
- 查当前 token 类型：按
Ctrl+Shift+P→ 输入Developer: Inspect Editor Tokens and Scopes，点代码中任意位置，看右下角弹出的 scope 名（如support.function.js） - 查 UI 元素 color key：打开开发者工具（
Developer: Toggle Developer Tools），右键界面元素 →Inspect，看 class 名（比如status-bar-item），再对照官方文档找对应 key -
editor.tokenColorCustomizations里只接受字符串值（如"#4EC9B0"）或对象（含foreground/background字段），不支持 rgba 或变量引用
One Dark Pro 装了但函数名还是灰色？
这是典型“语法高亮主题未同步切换”问题。VSCode 把界面主题（Color Theme）和语法高亮主题（Token Color Theme）拆成两个独立开关，装完 One Dark Pro 后，它只改了 workbench.colorTheme，但没动 editor.tokenColorCustomizations。
- 打开命令面板 →
Preferences: Configure Token Colors→ 手动选 One Dark Pro 对应的 token theme（通常叫One Dark Pro或One Dark Pro (Syntax)） - 如果想彻底接管语法色，删掉已启用的 token theme，直接在
settings.json里写editor.tokenColorCustomizations，例如：{ "editor.tokenColorCustomizations": { "functions": "#DCDCAA", "strings": "#CE9178", "comments": "#6A9955" } } - 注意：某些插件主题（如 Nord）自带 token 规则，会覆盖你手动写的部分，要关掉它的 token theme 才能生效
为什么改了 editorBracketMatch.background 没反应？
这个 key 属于 UI 颜色，但它被很多主题默认设为 transparent 或空值，你写了却没覆盖成功，是因为优先级不够或作用域冲突。
- 必须写在
workbench.colorCustomizations下，不能塞进editor.tokenColorCustomizations - 检查是否被工作区设置覆盖：打开
.vscode/settings.json，确认没有"workbench.colorCustomizations"冲突项 - 部分主题（如 Tokyo Night Storm）把括号匹配背景和边框合并控制，得同时配
editorBracketMatch.background和editorBracketMatch.border - 值建议用带 alpha 的 rgba，比如
"rgba(100, 150, 255, 0.1)"，纯色容易抢焦点
最常被忽略的点是：VSCode 的颜色系统分三层——UI（workbench）、语法（token）、终端（terminal.ansi*）——改 syntax color 却去调 status bar，就像修水管去拧电闸。真要“高颜值”，先分清你在调哪一层，再找对 key，否则装十个插件也白搭。
