根本原因是多个插件同时注册同一文件类型的图标/颜色贡献导致后加载者覆盖前者；可通过“Inspect Editor Tokens and Scopes”查看scope是否为entity.name.filename，或在“Show Running Extensions”中检查重复注册的iconTheme/language贡献。
VSCode里文件名颜色异常（比如 .vue 文件在资源管理器中显示为灰色而非紫色、.ts 文件名不带 TypeScript 图标），不是主题或配色方案出错，而是多个插件同时注册了同一文件类型的图标/颜色贡献，导致后加载的插件覆盖前者的定义——根本原因不是“颜色没配好”，是“谁说了算”没协商好。
怎么确认是文件图标/颜色被插件覆盖
右键资源管理器中的异常文件 → 选择“在资源管理器中显示” → 观察文件名颜色是否与同目录其他同类文件一致；更直接的是打开命令面板（Ctrl+Shift+P）→ 输入 Developer: Inspect Editor Tokens and Scopes → 点击文件名文字，看右侧弹窗中 scope 是否为 entity.name.filename 或类似语义；若 scope 显示为空或 source.unknown，说明 VSCode 根本没识别该文件类型，问题出在语言关联或插件未激活。
另一个关键信号：打开 Developer: Show Running Extensions，查看是否有多个插件对同一后缀注册了 iconTheme 或 language 贡献。例如同时启用 vscode-icons 和 material-icon-theme，二者都声明了 .vue 的图标规则，但只有先加载的那个生效，后加载的会被静默忽略。
常见冲突组合与禁用优先级
以下组合在 2026 年仍高频导致文件名/图标颜色错乱，可按此顺序排查：
-
vscode-icons+material-icon-theme：二者都重写整个图标集。保留一个即可，推荐vscode-icons（更新更勤、Vue/TS 支持更细），禁用material-icon-theme -
Vue Language Features (Volar)+Vetur：不仅影响语法高亮，还会干扰.vue文件在资源管理器中的语言标识颜色（如应为紫色却显示灰色）。必须禁用Vetur，并在settings.json中显式设置"vue.preferences.useVolarForVue3": true -
Auto Close Tag+Auto Rename Tag+Highlight Matching Tag：三者都注入 HTML/XML 相关 token scope，可能让.html文件名失去主题赋予的颜色权重。保留Highlight Matching Tag（仅高亮，不改 scope），卸载其余两个 -
Python（旧版 Microsoft 扩展） +Pylance：旧版 Python 扩展会注册.py的基础语言支持，但 Pylance 已接管全部语义能力；二者共存时，文件名可能显示为“Python”但无语法高亮色块。禁用ms-python.python，只留ms-python.pylance
手动强制指定文件类型颜色（绕过插件竞争）
如果不想删插件，又想让某类文件名稳定显示特定颜色，可在工作区 .vscode/settings.json 中用 workbench.colorCustomizations 锁定：
{
"workbench.colorCustomizations": {
"[Default Dark+]": {
"list.focusBackground": "#2a2d35",
"list.activeSelectionBackground": "#343b48"
}
},
"files.associations": {
"*.vue": "vue"
}
}
注意：files.associations 是关键——它强制把 *.vue 绑定到 vue 语言模式，确保图标插件和语言服务能对上号；而 workbench.colorCustomizations 里的 list.* 配置只影响列表项背景，不干预文件名颜色本身。真正控制文件名颜色的是当前启用的 iconTheme 插件内部规则，无法通过 colorCustomizations 直接修改。
重启后颜色仍不对？检查加载顺序和缓存
VSCode 插件加载顺序由安装时间 + 激活时机决定，无法手动排序。但你可以清掉缓存让其重新协商：
- 关闭所有 VSCode 窗口
- 删除
~/.vscode/extensions/下对应插件的缓存目录（如vscode-icons-team.vscode-icons-12.5.0目录里的node_modules/.cache） - 终端执行
code --disable-extensions && code启动两次：第一次禁用全部插件验证基线，第二次只启用目标插件（如只开vscode-icons） - 不要依赖“重新加载窗口”，必须完全退出再启动，否则插件状态残留
最易被忽略的一点：某些插件（如旧版 esbenp.prettier-vscode）即使被禁用，其语言贡献仍保留在 VSCode 的 extension host 缓存中，直到彻底删除对应文件夹。别只在 UI 里点“禁用”，要进文件系统删干净。
