phpMyAdmin主题自定义：压缩CSS文件编辑疑问及步骤确认

你的推测完全正确——css目录下的压缩CSS文件确实是由scss目录中的源码文件编译生成的，绝对不推荐直接编辑这些压缩后的文件，原因有两个：

• 压缩后的CSS代码无换行、无注释，可读性极差，编辑难度高且极易出错
• 只要重新编译SCSS源码，你直接修改的压缩CSS就会被覆盖，之前的改动全部白费

原指引里的步骤3其实是个误导，正确的流程应该是：

• 先完成步骤1、2（复制pmahomme主题文件）
• 优先编辑scss/_variables.scss（对应原步骤5），这里集中了主题的颜色、字体、间距等核心变量，改这个比改全局CSS高效得多
• 把自定义图片放入img目录（步骤4），编辑theme.json完善元数据（步骤6），制作主题截图（步骤7）
• 最后使用Sass编译器将SCSS源码编译为压缩CSS：
  • 先确保本地安装了Sass（比如用npm安装dart-sass：npm install -g sass）
  • 进入你的主题目录，执行编译命令：

    sass scss/:css/ --style compressed
    

  这条命令会把scss目录下的所有SCSS文件编译成压缩后的CSS，自动覆盖css目录里的原有文件

如果暂时没有安装编译工具，只是临时测试样式，确实可以直接修改压缩CSS，但一定要记住：这只是临时方案，正式做主题必须通过编辑SCSS源码再编译的方式，才能保证改动可维护、不丢失。

内容的提问来源于stack exchange，提问作者Dan Allen