Atom无图形化背景色设置，必须编辑~/.atom/styles.less文件；需用atom-text-editor::shadow包裹选择器以适配Shadow DOM，分别设置.editor和.line-numbers背景色，并手动重载窗口生效。
Atom 没有图形化“背景色”设置项，所有颜色最终都得靠编辑 ~/.atom/styles.less 实现。 它不像 VS Code 那样提供滑块或颜色选择器，直接改主题包文件还会被下次更新覆盖——唯一可靠、可持久、可细粒度控制的方式，就是手写 LESS 样式。
修改代码区和行号背景必须用 atom-text-editor::shadow
Atom 1.60+ 使用 Shadow DOM 封装编辑器内容，普通 CSS 选择器（比如 .editor）无效。不加 ::shadow 就等于没写。
-
atom-text-editor::shadow .editor控制代码主体背景 -
atom-text-editor::shadow .line-numbers控制行号区域背景 - 两者颜色最好保持一致或有明确明暗对比，否则视觉割裂
- 别漏掉
.cursor-line和.selection .region，否则光标行/选中块会突兀发白或发黑
UI 区域（侧边栏、状态栏、面板）背景要单独设
语法主题只管代码区，UI 主题（如 one-dark-ui）只管界面框架，但它的默认背景常和你想要的深色/浅色不匹配。这时候得手动覆盖：
-
atom-pane：左侧树状视图、右侧 Git 面板等容器 -
.tree-view：文件列表本身（注意它在atom-pane内部） -
.status-bar：底部状态栏 -
atom-notification：右下角提示框，不设容易和背景融为一体看不见
透明背景和终端配色是两个独立坑
想让 Atom 背后透出桌面壁纸？不是简单设 background: transparent 就完事。不同版本处理方式不同：
- Atom ≥ 1.9：
html, html *都要设background: rgba(0,0,0,0) !important - Atom html * 即可，
html根元素反而不能设透明 - 内置终端（如
term3）默认不继承语法主题色，必须显式定义 CSS 变量：--terminal-background、--terminal-foreground等，并在插件设置里打开 “Use CSS variables”
最容易被忽略的是：改完 styles.less 后 Atom 不会自动刷新样式，必须手动保存文件 + 按 Ctrl+Shift+P → 输入 Window: Reload 才生效。另外，所有自定义都应写在 styles.less 里，而不是去动 packages/xxx/styles/ 下的主题源码——后者一升级就全丢。
