导出预览框配色需分区域处理：SQL代码块用CodeMirror主题（改codemirror.css中.cm-keyword等选择器并加!important），纯文本描述用内联样式或高优先级CSS，动态重建容器时保留节点结构防样式丢失。
导出预览框的配色不能靠改主题 css 一揽子解决，必须分区域、按渲染机制单独处理：sql 代码块走 codemirror，结构描述走普通 html，两者样式来源不同、优先级冲突，硬覆盖容易失效。
CodeMirror 编辑器区域必须改 codemirror.css
导出页的 SQL 预览框（带语法高亮的那块）本质是 CodeMirror 实例，它的颜色定义在 themes/darkblue/css/codemirror.css，和主主题 CSS 完全隔离。只改 theme.css 顶部栏颜色，对 SQL 框毫无影响。
- 重点修改这些选择器：
.cm-s-default .cm-keyword（如 SELECT、WHERE）、.cm-s-default .cm-string（引号内内容）、.cm-s-default .cm-number（数字字面量） - 别漏掉背景色：
.cm-s-default .CodeMirror控制编辑器整体底色，.cm-s-default .CodeMirror-lines控制行内容区域 - 加
!important是必要的——CodeMirror 内联样式优先级高，不加很可能被压住 - 改完清浏览器缓存，phpMyAdmin 不会自动更新 CSS 版本号
非高亮文本区域用内联样式或 user.css 覆盖
导出预览页里，除了 CodeMirror 框，还有“数据库名”“表名”“导出时间”等纯文本描述行，它们用的是普通 <div> 或 <p>，样式来自全局 CSS 或内联 style。这类区域没法靠 CodeMirror 主题控制。
- 最稳的方式是直接给容器加
style="color: #2e7d32; background: #f1f8e9;"（例如绿色系），避免被外部 CSS 干扰 - 如果想统一管理，可把规则写进
$cfg['UserCss']指向的 CSS 文件，但必须确保选择器足够具体，比如#sql_preview_info p，否则易被theme.css里更宽泛的规则覆盖 - 注意：这类区域通常没有 class，DOM 结构可能随版本变动，建议用 Chrome DevTools 实时 inspect 后再写选择器
导出按钮点击后配色丢失？检查 DOM 重排是否清空了样式
有些用户发现刚设好的绿色背景，一点“导出”按钮就变回默认色——不是 CSS 没生效，而是导出逻辑执行时，JavaScript 动态清空并重建了预览容器，原有内联样式或 class 全丢了。
- 不要用
innerHTML = ''清空容器；改用textContent = ''或while (el.firstChild) el.removeChild(el.firstChild)，保留节点结构和样式属性 - 如果用了异步高亮（如
Prism.highlightElement()），它可能在 DOM 重绘后才执行，导致临时样式错乱；应在容器稳定后再调用 - 临时验证方法：在控制台执行
getComputedStyle(document.querySelector('.CodeMirror'))，看 color / backgroundColor 是否为你设的值，再点导出按钮复现，确认是否突变
真正麻烦的不是改哪几行 CSS，而是 phpMyAdmin 把同一页面拆成了三套渲染逻辑：CodeMirror 管 SQL、原生 HTML 管描述、JS 动态管交互——每块都得单独对付，且相互干扰。改完记得在深色/浅色模式下各测一遍，别只盯着白天看。
立即学习“PHP免费学习笔记（深入）”；
