Atom语法高亮由syntax theme控制，需在设置中手动启用；UI主题仅影响界面元素。修改颜色须通过styles.less覆盖CSS类，利用Editor: Log Cursor Scope定位scope，并注意优先级与编码格式。
Atom 的语法高亮不是靠“开关”控制的，而是由 syntax theme（语法主题）决定的，它和 UI 主题分离、独立加载。改错地方或配错优先级，就会出现“换了主题但颜色没变”“注释还是灰色”这类问题。
选对 syntax theme 才能生效
UI 主题（如 One Dark UI）只管按钮、标签页、侧边栏这些界面元素；真正控制代码颜色的是 syntax theme，比如 One Dark Syntax 或 One Dark Pro。两者必须同时启用，且 syntax theme 必须在设置里明确选中——仅装了包不等于已启用。
- 打开设置（
Ctrl+,或Cmd+,），切到 Themes 页签 - 在 Syntax Theme 下拉菜单中，手动选择一个已安装的 syntax theme（不能留空或选 “None”）
- 确认
UI Theme和Syntax Theme是兼容组合：例如One Dark UI+One Dark Syntax是官方默认搭配；One Dark Pro需单独安装扩展，且必须在 syntax theme 列表里被选中才起作用 - 如果刚装完
one-dark-pro却没效果，检查是否漏掉这步：命令面板（Ctrl+Shift+P）→ 输入Color Theme→ 选中One Dark Pro
自定义某类语法颜色（比如改字符串为橙色）
直接改 config.cson 不起作用——syntax theme 的颜色规则是 CSS 类驱动的，必须通过 styles.less 覆盖。Atom 使用 TextMate 语法解析器，每种语法元素（如 string.quoted.double.js）对应一个 CSS 类名，你得先定位它。
- 打开任意代码文件（如
.js），把光标放在想改的元素上（比如一个双引号字符串） - 按
Ctrl+Shift+P→ 输入Editor: Log Cursor Scope→ 回车，底部状态栏会显示完整 scope 链，例如：source.js, string.quoted.double.js, punctuation.definition.string.begin.js - 打开
styles.less（菜单Atom → Stylesheet…），添加类似规则：atom-text-editor .syntax--string.syntax--quoted.syntax--double { color: #FF8C00; } - scope 名里带
.syntax--前缀是 Atom 1.9+ 的 Shadow DOM 规则，不能省；多个 class 用空格连，不是点号 - 改完保存，实时生效；但若颜色仍不对，大概率是 selector 优先级不够，可加
!important临时验证（不推荐长期使用）
为什么改了 styles.less 还没反应？常见断点
不是所有 CSS 都能覆盖 syntax theme，尤其当插件或主题自己注入了更高优先级样式时，你的规则可能被静默忽略。
- 打开开发者工具（
Ctrl+Shift+I），用元素选择器点一下目标代码，看右边 Styles 面板里，你写的规则是否被划掉（strikethrough）——被划掉 = 被更高优先级样式覆盖 - 检查 scope 是否写错：比如把
.syntax--string写成.string，或漏掉.syntax--quoted层级，都会匹配失败 -
styles.less文件编码必须是 UTF-8（无 BOM），Windows 记事本另存时容易带 BOM，导致 Atom 完全不加载该文件 - 某些 syntax theme（如
One Dark Pro）自带深色背景，如果你只改了文字色却没调背景，可能因对比度太低而“看不见变化”
真正难的不是加几行 CSS，而是搞清 Atom 的 scope 继承链和样式层叠顺序。一次改不动，就开 DevTools 看真实生效的规则，而不是反复重装主题。
