如何编辑Firefox主题？找不到已安装主题的.css文件

Firefox 较新版本（包括102 ESR）不再将附加组件主题的CSS文件直接暴露在.mozilla/firefox目录下，而是将主题打包为XPI压缩包存储在配置文件的特定文件夹中，以下是具体操作步骤：

1. 定位当前使用的Firefox配置文件 #

• 打开Firefox，在地址栏输入 about:profiles，找到标注为「当前使用的配置文件」的条目，复制其「根目录」路径（例如 /home/your-user/.mozilla/firefox/xxxx.default-release）。

2. 找到主题的XPI压缩包 #

• 进入上述配置文件路径下的 extensions 文件夹，这里的文件格式为 {主题标识}.xpi：
  • 若不确定哪个是目标主题，可打开 about:addons → 找到对应主题 → 右键点击「管理」，此时地址栏会显示类似 addon=firefox-compact-dark@mozilla.org 的内容，其中 firefox-compact-dark@mozilla.org 就是该主题的XPI文件名。

3. 解压XPI包获取CSS文件 #

• XPI本质是ZIP格式，使用unzip命令解压：

  unzip 你的主题文件名.xpi -d 自定义主题文件夹名
  

• 解压完成后，主题的CSS文件通常位于 chrome/browser/ 目录下，例如 browser.css、customizableui.css 等。

替代方案：使用userChrome.css覆盖主题样式 #

如果不想修改主题本身的文件（避免Firefox更新时被覆盖），推荐使用用户自定义样式：

• 在配置文件根目录下创建 chrome 文件夹（若不存在）。
• 在该文件夹内创建 userChrome.css，写入你需要修改的CSS规则（优先级高于主题默认样式）。
• 打开 about:config，设置 toolkit.legacyUserProfileCustomizations.stylesheets 为 true，重启Firefox后生效。

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