ui theme 和 syntax theme 必须分开选择，atom 将界面外壳与代码区域样式解耦，仅改 ui theme 不影响代码颜色；需在 settings > themes 中分别设置左右两个下拉框，并确保组合兼容，如 one dark ui 配 one-dark-syntax。
UI Theme 和 Syntax Theme 必须分开选
换主题后菜单栏变亮、但代码还是黑的，八成只动了 UI Theme 没碰 Syntax Theme。Atom 把界面外壳（按钮、标签页、树视图）和代码区域（关键字、字符串、注释）拆成两套独立系统，改一个不等于全换。
实操要点：
- 打开
Settings > Themes，你会看到两个并列下拉框：左边是UI Theme，右边是Syntax Theme -
One Dark UI配one-dark-syntax，Atom Light UI配one-light-syntax——这是最稳的组合，避免文字发虚或背景与前景色太近 - 装了
atom-material-ui却没生效？它只提供 UI 主题，必须另装atom-material-syntax或atom-material-syntax-light，并在右侧下拉菜单里手动启用 - 改完不用重启，但旧窗口的树视图可能卡住，右键树视图选
Refresh或按F5就行
第三方主题安装后不显示？先查这三件事
搜不到、装完不出现、点了没反应——不是 Atom 坏了，大概率是安装路径或兼容性问题。
排查步骤：
- 确认安装方式：必须走
Settings > Install搜索安装，别手动解压 ZIP 到~/.atom/packages/，否则权限或路径错会导致加载失败 - 检查包名后缀：
atom-material-ui是 UI 主题，atom-material-syntax才是语法主题，搜atom-material时容易点错 - 看更新时间：2026 年仍在维护的主题集中在
Material、Hydrogen、One系列；2018 年发布的老主题常在新版 Atom 上错位、漏样式，甚至让树视图全绿 - 装完没出现在下拉菜单？先去
Settings > Themes页面刷新一下，再确认该包是否同时声明了"theme": "ui"或"theme": "syntax"（在包内package.json里）
想调字体大小或改背景色，别动主题源码
Settings > Editor 里设的 fontFamily 和 fontSize 只影响代码编辑区（atom-text-editor），对侧边栏、标签页、状态栏完全无效。统一调大或换字体，得靠 ~/.atom/styles.less。
常用覆盖写法：
- 放大树视图字体：
.tree-view { font-size: 16px; } - 调大标签页文字：
.tab-bar .tab { font-size: 14px; } - 改编辑区背景：
atom-text-editor::shadow .editor { background-color: #252525; }，同时建议补一行.line-numbers { background-color: #1e1e1e; }，否则行号栏和编辑区糊成一片 - 改注释颜色防低对比：
.syntax--comment { color: #6a9955 !important; }（加!important是为了压过语法主题里的变量定义） -
styles.less文件编码必须是 UTF-8（无 BOM），否则整段失效
终端配色不同步？得用 CSS 变量绑定
用了深色语法主题，但内置终端（如 term3）还是白底黑字——因为终端渲染层和编辑器语法高亮层变量体系不互通，它不读 LESS 变量，只认根级 CSS 变量。
解决办法：
- 先确认你用的主题支持变量（
one-dark-ui v3.0+和one-light-ui v3.0+都内置了--terminal-background等） - 在
~/.atom/styles.less里加一段：:root { --terminal-background: #282c34; --terminal-foreground: #abb2bf; --terminal-red: #e06c75; --terminal-green: #98c379; } - 进
term3设置，打开Use CSS Variables开关，终端才会真正套用这些值 - 别指望装个语法主题就自动带终端色——这是 Atom 主题设计的固有分离逻辑，绕不开
