直接修改 ~/.atom/styles.less 文件，需用 TextMate scope 语法（如 .syntax--source.syntax--js）、UTF-8 编码，避免 !important，改完用 Cmd+Alt+R/Ctrl+Alt+R 重载。
直接改 styles.less 就行，但必须用对路径、写对语法、避开 Atom 的样式覆盖机制，否则改了等于没改。
怎么打开正确的 styles.less 文件
别在项目里新建，也别去插件目录下找 ~/.atom/packages/xxx/styles.less —— 那是插件自己的样式，你一改，下次更新就丢。正确路径是 Atom 用户配置目录下的全局 styles.less：
- macOS：
~/.atom/styles.less - Windows：
C:\Users\{用户名}\.atom\styles.less - Linux：
~/.atom/styles.less
最稳的打开方式：按 Cmd+Shift+P（macOS）或 Ctrl+Shift+P（Win/Linux），输入 Application: Open Your Stylesheet，回车。Atom 会自动创建并打开它。
styles.less 里怎么写才生效
Atom 5.0+ 全面使用 TextMate scope，不是普通 HTML class，所有选择器都得带 .syntax-- 前缀。比如想改 JS 里的 console 方法颜色，不能写：
立即学习“前端免费学习笔记（深入）”；
.source.js .support.function.console { color: #4285f4; }得写成：
.syntax--source.syntax--js .syntax--support.syntax--function.syntax--console { color: #4285f4; }漏一个 .syntax--，整条规则就失效。另外注意：
- 文件编码必须是 UTF-8（无 BOM），否则加载失败，状态栏会显示
Failed to load styles.less - 不要滥用
!important，它能临时顶掉内置样式，但会让后续调试变成猜谜 -
styles.less是 Less 文件，语法错误（比如少个括号、冒号写成等号）会导致整个样式表不加载
常见改样式的实际场景和写法
改背景透明、编辑器光标线、Markdown 预览块代码——这些是高频需求，对应写法有明确差异：
- 让编辑器窗口变透明（1.9+ 版本）：
html, html* { background: rgba(0,0,0,0) !important; } - 改当前行高亮色：
atom-text-editor::shadow .cursor-line { background-color: rgba(0,0,0,0.1) !important; }（注意::shadow在较新版本中已弃用，若无效请查 Atom 当前版本是否支持；1.70+ 推荐用:host替代） - 改 Markdown 预览中的代码块：
.markdown-preview .code-block { background: #2d2d2d; font-family: "Fira Code", monospace; }
不同 Atom 版本对伪元素和 shadow DOM 的支持变化很大，1.70 之后逐步移除 ::shadow，改用 :host 或直接作用于顶层 class。
改完没反应？先排查这三件事
Atom 不像浏览器那样刷新就能看到效果，样式重载有自己的一套机制：
- 保存文件后没变化？先试快捷键
Cmd+Alt+R（macOS）或Ctrl+Alt+R（Win/Linux）强制重载窗口 - 状态栏右下角出现
Failed to load styles.less？点它看报错行号，90% 是语法错误或路径引用问题 - 改的是 Markdown 插件渲染内容，但预览没更新？确认你改的是
.markdown-preview下的样式，而不是.editor-colors或.text.md这类编辑区样式
真正容易被忽略的是：Atom 的样式优先级由选择器特异性 + 加载顺序共同决定，插件自带的 styles.less 和主题样式可能比你的更晚加载、权重更高——这时候靠加前缀或微调选择器结构比硬加 !important 更可持续。
