代码补全提示框样式无法通过更换主题解决，必须手动修改styles.less文件，因为.autocomplete-plus是独立浮层，不继承语法或UI主题样式；需设置.autocomplete-plus .list-group、.list-item及.selected等选择器，并重载窗口生效。
代码补全提示框样式不能靠换主题解决，必须手动改 styles.less —— 因为 .autocomplete-plus 是独立浮层，不继承语法或 UI 主题的任何颜色、尺寸、字体设置。
为什么改了主题没用？
UI Theme 控制侧边栏、状态栏；Syntax Theme 只作用于编辑区内部（atom-text-editor::shadow）；而补全框渲染在 atom-workspace 顶层，DOM 路径完全隔离。你看到的白底黑字或灰蒙蒙的列表，是 autocomplete-plus 自带的默认样式，和当前主题无关。
-
.autocomplete-plus .list-group：整个下拉容器 -
.autocomplete-plus .list-item：每一行候选项 -
.autocomplete-plus .list-item.selected：当前高亮项（必须加!important才能覆盖默认） -
.autocomplete-plus .list-item .icon：左侧函数/变量图标颜色
怎么改背景色和字体颜色？
打开命令面板：Ctrl+Shift+P → 输入 Application: Open Your Stylesheet → 回车，进入 ~/.atom/styles.less 编辑。
在文件末尾添加类似以下规则（适配深色系）：
.autocomplete-plus .list-group {
background-color: #1e1e1e;
border: none;
}
.autocomplete-plus .list-item {
color: #c5c8c6;
background-color: #252525;
}
.autocomplete-plus .list-item.selected {
background-color: #3a3a3a !important;
color: #f0f0f0;
}
.autocomplete-plus .list-item .icon {
color: #888;
}
注意：background-color 别用 transparent，否则会透出底层窗口，阅读困难；推荐用 rgba(30, 30, 30, 0.95) 控制半透感。
怎么调大小和行高？
只改 font-size 会导致文字溢出、图标错位、多行描述挤在一起——必须协同调整三者：
-
max-height：控制整体最大高度（如400px） -
line-height：确保多行描述可读（如1.5） -
padding：给每行留出呼吸空间（如6px 12px）
示例：
.autocomplete-plus .list-group {
max-height: 400px;
}
.autocomplete-plus .list-item {
line-height: 1.6;
padding: 8px 14px;
}
改完保存后，必须手动重载窗口：Ctrl+Shift+P → Window: Reload，否则样式不会生效。
容易被忽略的三个坑
第一，flex-tool-bar 或 tool-bar 类插件的按钮可能遮住补全框底部，需加 z-index: 99 到 .autocomplete-plus .list-group；
第二，如果用了 one-light-ui 等浅色主题，上面写的深色 background-color 会让文字看不见，安全做法是用 Atom 内置变量：background-color: @app-background-color;；
第三，改完没变化？先检查是否被其他插件的 !important 覆盖（比如某些 UI 主题的旧版 CSS），再确认是否漏写了 .selected 的 !important —— 这个最容易忘，结果高亮项还是默认蓝底。
