Atom语法高亮颜色必须通过编辑styles.less并用!important覆盖，因语法主题变量封装在包内不可直接修改；需使用.syntax--前缀选择器（如.syntax--comment）并手动重载窗口生效。
Atom 代码颜色不能靠“调色板”微调，所有 RGB 值必须手动写进 styles.less 并用 !important 覆盖语法主题的默认变量——这是唯一能精确控制到单个词类（比如 .string 或 .keyword）的方法。
为什么改 syntax theme 设置没用？
Atom 的语法高亮颜色由两层决定：Syntax Theme（如 one-dark-syntax）提供一套 LESS 变量（如 @green），再由它编译成 CSS；但这些变量只在主题包内部生效。你改 Settings 里的主题下拉菜单，只是切换了那一整套预设，无法单独调整某个颜色的 RGB 值。
常见错误现象：
- 在 Themes 页面换了个新 Syntax Theme，结果
.comment还是太亮，看不清 - 想把字符串从
#c678dd改成更柔和的#b48ead，但找不到设置入口 - 装了
atom-material-syntax，却发现它不支持自定义变量，连配色文档都没留接口
根本原因：语法主题的变量作用域被封装在包内，用户级不可见、不可覆盖——除非你绕过它，直接在 styles.less 里重写选择器。
怎么精准改一个词类的 RGB？
打开命令面板：Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（macOS），输入 Application: Open Your Stylesheet 回车，编辑 ~/.atom/styles.less。
关键点：
- 必须用
.syntax--comment这种带.syntax--前缀的选择器（Atom 1.0+ 统一加了这个命名空间） - 必须加
!important，否则会被语法主题的原始规则压掉 - RGB 值建议用十六进制（如
#5c6370）或rgba()（需透明度时）
示例：把注释调暗、字符串微调饱和度、关键字加粗
code>.syntax--comment { color: #5c6370 !important; }
code>.syntax--string { color: #b48ead !important; }
code>.syntax--keyword { color: #c678dd !important; font-weight: 600 !important; }
注意：.syntax-- 后缀和语法主题实际生成的选择器完全一致，不确定时可用 Dev Tools（Ctrl+Alt+Shift+P → Window: Toggle Dev Tools）悬停查看真实类名。
改完不生效？检查这三件事
不是代码写错，而是 Atom 没“看到”变化：
- 保存
styles.less后，必须手动执行Ctrl+Shift+P→ 输入Window: Reload，不能只关标签页 - 如果用了
pigments插件，它的Mark Color Variables选项会干扰颜色渲染，临时关掉再试 - 某些语言（如
.vue）会把 script/style 区块交给不同 grammar 解析，.syntax--string可能只作用于 JS 区，CSS 区得另写.source.css .syntax--string
最常被忽略的是 reload 步骤——Atom 不监听文件变更自动刷新样式，这是设计使然，不是 bug。
