atom无“一键炫彩”开关，彩色代码依赖语法主题与语言grammar协同；高亮失效首征是全灰无色，表明文件未被正确解析为对应语言；需用ctrl+shift+p执行editor: log cursor scope查作用域链，确认grammar生效。
Atom 本身不提供“一键炫彩”开关，所谓彩色代码，本质是语法主题（syntax theme）+ 语言 grammar 的协同结果。直接装个花哨主题但没配对 grammar，函数名和变量可能全灰；只改 styles.less 却漏了作用域匹配，改了也白改。
怎么确认当前代码真被正确识别了
语法高亮失效的第一信号不是颜色丑，而是“根本没高亮”——比如所有文本都是同一灰度。这说明 Atom 还没把你的文件当目标语言解析。
- 用
Ctrl+Shift+P打开命令面板，输入并执行Editor: Log Cursor Scope - 把光标停在一段函数调用上（比如
console.log()），看 DevTools 控制台输出的作用域链，例如：source.js entity.name.function.js - 如果只看到
text.plain或source.ass但你写的是 Vue 文件，说明 language-vue 没生效，或文件后缀没被fileTypes覆盖 - 新建未保存文件默认永远是
text.plain，必须先保存为.vue或手动点击状态栏选语言
atom-material-syntax 和 atom-one-light 哪个更“炫彩”
“炫彩”是主观的，但两者底层逻辑不同：atom-material-syntax 是完整语法主题包，含预设的 @syntax-color-function、@syntax-color-keyword 等变量；atom-one-light 是轻量级浅色主题，变量饱和度低、对比克制，更适合长时间编码而非视觉刺激。
- 要高饱和撞色（如函数蓝+关键字紫+字符串橙），优先试
atom-material-syntax，它默认启用@syntax-color-constant和@syntax-color-storage-type等细分变量 - atom-one-light 的
@syntax-color-function是#61AEEF（偏冷蓝），不如 material 的#4FC3F7明亮，且不默认高亮 decorator、JSX tag 等新语法元素 - 两者都依赖 grammar 输出正确作用域；如果你用 Tree-sitter（如
language-rust-bundled），其作用域名是support.function.std.rust，旧主题 CSS 选择器可能不匹配
想自己调出“炫彩效果”，styles.less 怎么写才不翻车
直接在 ~/.atom/styles.less 里写 CSS 是最快路径，但容易因作用域链不全或变量覆盖顺序错而无效。
- 必须用完整作用域链写选择器，例如：`.syntax--source.syntax--js .syntax--entity.syntax--name.syntax--function`，少一个
.syntax--前缀就失效 - 别用
!important，它会破坏主题变量继承；应覆盖@syntax-color-function变量，而不是硬写color: #ff0088 - 修改前先查当前主题的
syntax-variables.less（通常在~/.atom/packages/xxx-syntax/styles/下），确认变量名是否一致（有些主题用@syntax-text-color，有些用@text-color） - 改完按
Ctrl+Alt+R重载窗口，仅重启 Atom 不触发styles.less重编译
真正卡住人的地方不在“怎么换颜色”，而在 grammar 是否输出了你想染色的那个作用域——比如你想高亮 TypeScript 的泛型参数 <t></t>，但 language-typescript 默认不给它独立 scope，这时再调 styles.less 也没用，得先改 grammar 或换支持 Tree-sitter 的语法包。
