改了@syntax-color-variable但变量颜色没变，因为atom语法高亮由textmate语法规则和语法主题变量两级控制，实际生效的是具体语言作用域（如.variable.other.readwrite.js）的css类名，而非全局变量。
为什么改了@syntax-color-variable但变量颜色没变
因为 Atom 的语法高亮不是靠单一变量驱动的，而是由 TextMate 语法规则 + 语法主题变量两级联动。你改的 @syntax-color-variable 只是“默认 fallback”，真正起效的是具体语言作用域（如 variable.other.readwrite.js）匹配到的 CSS 类名，而这些类名的颜色由语法主题中更细粒度的选择器控制。
常见现象：你在 styles.less 里覆盖了 @syntax-color-variable: #ff6b6b;，但 JavaScript 里的 let x = 1 中的 x 还是灰色——说明当前语法主题（比如 one-dark-syntax）压根没用这个变量去定义 .variable.other.readwrite，而是直接写了 color: #c5c8c6。
- 打开开发者工具（
Ctrl+Shift+I），右键变量名 →Inspect Element，看它实际挂载的 class（通常是.variable.other.readwrite.js或.variable.parameter.function.js） - 在
styles.less中用该 class 直接覆盖：.variable.other.readwrite { color: #ff6b6b !important; } - 别依赖变量，尤其当用的是第三方语法主题时——它们常绕过变量系统硬编码颜色
.variable 类太多，怎么快速定位要改哪个
TextMate 规则把变量按语义切得非常细，比如：
.variable.language // this、self 等语言关键字
.variable.other.constant // CONST_NAME、PI
.variable.other.readwrite // let x、var y
.variable.parameter.function // function foo(<strong>x</strong>) {}
.variable.other.object.property // obj.<strong>prop</strong>
不同语言规则输出的 class 名也不同（.js 和 .py 后缀不同），所以不能一概而论。
- 先确认文件类型：右下角状态栏点语法名（如 “JavaScript”），确保 language 包已启用
- 用
Cmd+Shift+P→ 输入 “Grammar Selector: Show”，手动切换语法，排除 grammar 识别错误 - 对常用语言建速查表：比如 Vue 模板中
v-bind:x属于.variable.interpolation.vue，不是.variable - 临时加个高亮调试样式：
.variable { outline: 1px dashed red !important; }，扫一眼就知道哪些被命中了
想让函数参数和局部变量颜色不同，可行吗
可行，但必须满足两个前提：对应语言的 grammar 文件确实区分了这两类 token（多数现代 language-* 包已做到），且你用的语法主题没有把它们合并着色。
以 JavaScript 为例，Babel 语法（language-babel）会分别输出：
-
variable.parameter.function.js→ 函数声明/调用中的形参/实参 -
variable.other.readwrite.js→let a = 1中的a
这时候就可以分开定制：
atom-text-editor::shadow {
.variable.parameter.function.js { color: #7bd8f0 !important; }
.variable.other.readwrite.js { color: #ffb86c !important; }
}
注意：::shadow 必须保留，否则不生效；!important 也别省，避免被主题原生样式覆盖。
如果用了 language-javascript（旧版），它可能不区分参数和变量，此时换 language-babel 或 atom-ide-javascript 更可靠。
改完 styles.less 没反应？三个必查点
Atom 不会热重载所有样式变更，尤其涉及 ::shadow 或新增 class 时。
- 保存
styles.less后，必须手动执行Window: Reload（Ctrl+Shift+F5或Cmd+Shift+F5），仅保存文件无效 - 检查是否误写成
atom-text-editor .editor（漏了::shadow），这种写法在 Atom ≥1.60 下完全不生效 - 确认没有其他插件注入冲突样式，比如某些 UI 主题或高亮增强插件（如
highlight-selected）会覆盖你的.variable定义
最稳的验证方式：在 styles.less 顶部加一行 body { border: 2px solid red !important; }，reload 后看到红边，说明样式加载通路正常；再逐步加回你的变量规则。
