改背景色后代码看不清，是因为语法主题颜色默认适配原背景亮度，手动改背景（如#1a1a1a）却未同步调整.comment等语法类颜色，导致对比度不足；必须在~/.atom/styles.less中用.syntax--comment { color: #5c6370 !important; }等规则覆盖，并用Dev Tools验证生效选择器。
直接改 styles.less 覆盖关键语法类，别只调背景色——否则注释发灰、字符串泛绿、光标消失都是必然结果。
为什么改了背景色后代码反而看不清
Atom 的语法高亮颜色（比如 .comment、.string）由当前启用的语法主题（如 one-dark-syntax）定义，这些颜色默认适配的是该主题预设的背景亮度。你手动把背景改成 #1a1a1a，但没同步调整文字色，就会触发低对比问题。
- 常见现象：注释变成
#6a9955在深灰背景上几乎隐形；字符串用#98c379但背景太暗导致泛绿；光标被background-color: #252525吞掉 - 根本原因不是 Atom 坏了，而是语法主题的变量（如
@syntax-color-comment）和你新背景的亮度不匹配 - 验证方式：按
Ctrl+Alt+Shift+P→ 输入Window: Toggle Dev Tools，悬停文本查看实际生效的选择器，确认是否命中.syntax--comment这类带syntax--前缀的类名
怎么在 styles.less 里安全覆盖颜色
所有自定义样式必须写进用户级样式表 ~/.atom/styles.less（快捷打开：Ctrl+Shift+P → Application: Open Your Stylesheet），它优先级最高，且不会被主题升级覆盖。
- 必须加
!important：否则会被语法主题里的 LESS 变量覆盖，例如.syntax--comment { color: #5c6370 !important; } - 推荐用 WCAG AA 兼容值：注释用
#6a9955或#5c6370（4.8:1 对比度），关键字用#61AEEF，字符串用#98c379 - 避免硬写
color: #fff：纯白在深色背景上太刺眼，改用rgba(255, 255, 255, 0.87)模拟 Material Design 的高强度文本不透明度 - 别漏掉作用域链：Vue/JSX 等新语法可能输出
support.function.std.rust这类长 scope，需写全选择器，例如.syntax--source.syntax--js .syntax--support.syntax--function
括号高亮在暗色下看不见怎么办
括号匹配本身由 bracket-matcher 插件控制，但默认背景色常设为 rgba(100, 200, 255, 0.1)，在 #1e1e1e 背景上基本不可见。
- 直接在
styles.less末尾加规则：.bracket-matcher .region { background-color: rgba(100, 200, 255, 0.4) !important; border: 1px solid #64c8ff !important; } -
rgba第四个参数建议 ≥0.4，低于0.2基本无效 - 别碰
.syntax--punctuation：那是管括号本身颜色的，和匹配高亮无关 - 临时验证法：切换到
atom-light-ui主题，如果这时能看清高亮，就坐实是暗色下颜色太淡的问题
真正难的不是改哪几行 CSS，而是每次换语法主题后都要重新校验对比度——因为不同主题的变量命名、作用域结构、默认亮度都不一样。哪怕用了 one-dark-syntax，只要背景色变了，就得重调一遍注释、字符串、关键字的色值。
