VSCode原生不支持按文件夹名染色，唯一稳定方案是Material Icon Theme：需同时配置folders.associations（键为纯文件夹名、值为官方图标ID）、folders.color（十六进制色）和folders.theme:"specific"三要素，缺一不可。
VSCode 原生不支持文件夹名染色，别白费劲改 workbench.colorCustomizations
直接在 settings.json 里写 "list.inactiveFocusForeground" 或类似颜色配置项，对特定文件夹（如 src、config）无效。VSCode 的颜色系统没有 folders.nameColorByPattern 这类 API，所有文字色控制都是按 UI 状态（聚焦/悬停/禁用）生效的，不识别路径或名称。硬塞选择器进 workbench.colorCustomizations 不会起作用，只会浪费调试时间。
material-icon-theme.folders.associations 是唯一稳定路径
真正能实现“一眼认出关键文件夹”的方案，是靠图标语义 + 统一底色注入，不是改文字色。必须同时配齐三要素：
-
"material-icon-theme.folders.associations"：键是纯文件夹名（不带路径，不支持通配符或正则），值必须是 Material Icon Theme 官方支持的图标标识符（如"src"、"test"、"dist"） -
"material-icon-theme.folders.color"：十六进制颜色值（如"#ff6b6b"），不支持rgb()或变量 -
"material-icon-theme.folders.theme": "specific"：这是开关，缺了它整个关联规则被忽略
示例配置（放在工作区或用户 settings.json 顶层）：
"material-icon-theme.folders.associations": {
"src": "src",
"config": "config",
"scripts": "tools"
},
"material-icon-theme.folders.color": "#4285f4",
"material-icon-theme.folders.theme": "specific"
常见失效原因和绕过方法
配完没反应？大概率卡在这几个点：
- 当前启用的图标主题不是
Material Icon Theme—— 检查右下角图标主题状态，别误启了vscode-icons或设为null -
folders.associations的键含空格或点号（如my components、.vscode）：前者需重命名；后者可尝试用"files.associations"配合伪文件（如.vscode/settings.json）间接触发 - 工作区设置了
"workbench.iconTheme": null：删掉这行，或明确设为"material-icon-theme" - VSCode 版本 ≥1.80 后，CSS 注入方式（如
vscode-custom-css）已不可靠甚至报错，别再试
比颜色更有效的视觉锚点：用图标本身说话
文件夹名文字颜色无法定制，但人眼对图标形状+颜色的识别速度远高于文字。与其纠结怎么把 node_modules 字变红，不如：
- 映射为
"node_modules": "node"→ 自带 Node.js 图标 + 高饱和红底 - 把
docs设为"docs"图标 → 蓝色文档图标天然醒目 - 搭配
"folders.color": "#e8433c"强化对比，视觉重心自然落在图标上
真正麻烦的不是配置，而是接受「VSCode 不让你动文件夹文字色」这个事实——所有绕过它的方案，要么失效，要么随版本更新崩掉。用图标语义做区分，是目前最轻量、最持久的解法。
