Atom 不支持原生彩虹括号，bracket-matcher 仅单层高亮配对括号且不区分嵌套层级；Tree-sitter 启用后其功能基本失效；唯一可行方案是手动修改 styles.less 静态指定括号类型背景色，但无法按深度自动变色。
Atom 没有原生“彩虹括号”功能，也不存在稳定维护的 bracket-pair-colorizer 类插件 —— 所有号称“彩色嵌套括号”的方案，要么失效，要么靠手动 hack CSS 实现有限模拟。
bracket-matcher 本身不支持嵌套着色
Atom 自带的 bracket-matcher 插件只做两件事：高亮当前括号的配对项（单层反色）、按 ctrl-m 跳转。它完全不区分嵌套层级，也不会给 (、[、{ 分配不同颜色。这不是 bug，是设计限制。
- VSCode 的
editor.bracketPairColorization.enabled是原生能力，Atom 没对应机制 - 社区曾有
rainbow-csv或旧版bracket-pair-colorizer，但截至 2026 年已无人维护，安装后大概率报错或无响应 - 试图在
~/.atom/packages/bracket-matcher/styles/下改 CSS 无效 —— 该路径自 Atom 1.50+ 起被弃用
唯一可控的“伪彩虹”方式：改 styles.less
你可以用绝对定位 + 多层 CSS 规则，为不同括号类型强行指定背景色，但无法按嵌套深度自动变色，只能做到“() 用蓝、[] 用绿、{} 用橙”这种静态区分。
- 打开 Atom →
Application: Open Your Stylesheet，编辑styles.less - 添加如下规则（注意必须带
!important，否则被主题覆盖）：
.bracket-matcher .region[data-bracket-type="("] { background-color: rgba(100, 149, 237, 0.3) !important; }
.bracket-matcher .region[data-bracket-type="["] { background-color: rgba(62, 184, 123, 0.3) !important; }
.bracket-matcher .region[data-bracket-type="{"] { background-color: rgba(255, 140, 0, 0.3) !important; }
- 这些
data-bracket-type属性仅在部分 Atom 版本中存在；若不生效，说明你用的是新版 Tree-sitter 语法解析器，此时bracket-matcher根本不接管高亮逻辑 - 别指望它能识别
if (x > [y + {z}])中三层嵌套并分别上色 —— 它只会高亮最内层{z}和外层(...)，且颜色相同
Tree-sitter 启用后，bracket-matcher 基本失效
如果你在 Settings → Core → Use Tree Sitter Parsers 打了勾（尤其对 language-rust、language-javascript 等启用），那么括号匹配行为就由 Tree-sitter 引擎控制，bracket-matcher 的高亮和跳转会退化或完全不触发。
- 这是 Atom 官方明确说明的设计：Tree-sitter 优先级高于传统插件
- 验证方法：关掉 Tree Sitter，重启 Atom，再试
ctrl-m—— 若恢复跳转，说明问题在此 - 没有“让 Tree-sitter 支持彩虹色”的配置项；它的括号高亮只走语法树 scope，不暴露 colorization 接口
真正实用的替代思路
与其强求彩色嵌套，不如用 Atom 已验证有效的结构感知手段：
- 开启
editor.showInvisibles: true，配合缩进引导线（editor.renderIndentGuides），能清晰看到代码块缩进层级 - 用
highlight-selected插件高亮当前变量所有出现位置，间接强化作用域边界感 - 切换到
one-dark-syntax主题，它对bracket-matcher的默认反色对比度更高，比硬调 RGB 更省事 - 对 Vue/JSX 文件，确保 grammar 正确识别为
source.js.jsx而非text.html.basic，否则括号逻辑直接降级
复杂点在于：Atom 的括号逻辑分散在三个层面（bracket-matcher 插件、Tree-sitter 解析器、主题样式），而它们之间没有统一的颜色调度协议。任何想绕过这三者之一去“强行彩虹”的尝试，都会在某次升级后突然失效。
