如何修改Firefox about:profiles页面CSS？能否通过扩展实现？

一、无需扩展：直接通过userContent.css修改样式 #

• 打开about:config，确保toolkit.legacyUserProfileCustomizations.stylesheets设置为true
• 打开about:profiles，点击当前配置文件的「打开文件夹」按钮，进入你的用户配置目录
• 若目录内无chrome文件夹，新建一个；在chrome文件夹中创建userContent.css文件
• 写入自定义CSS规则（以下是简化布局的示例，可按需调整）：

/* 隐藏冗余描述文本 */
#profileManager main p.description {
    display: none !important;
}
/* 紧凑配置文件卡片 */
#profileManager .profile {
    padding: 8px !important;
    margin: 4px 0 !important;
    border-radius: 4px !important;
}
/* 优化操作按钮样式 */
#profileManager .profile-actions button {
    padding: 4px 12px !important;
    margin: 0 2px !important;
}

• 重启Firefox，修改立即生效

二、通过扩展实现样式修改（解决页面匹配失败问题） #

你之前按官方指南无法匹配about:profiles，是因为默认扩展权限未覆盖about:页面，调整manifest.json即可解决：

1. 扩展根目录创建manifest.json，配置如下（以Manifest V3为例）：

{
    "manifest_version": 3,
    "name": "Profiles Page Stylizer",
    "version": "1.0",
    "content_scripts": [
        {
            "matches": ["about:profiles"],
            "css": ["styles.css"]
        }
    ]
}

2. 同目录创建styles.css，写入你需要的CSS规则（和userContent.css规则一致即可）
3. 加载临时扩展：打开about:debugging → 此Firefox → 加载临时附加组件 → 选择扩展目录中的manifest.json
4. 刷新about:profiles，样式修改即可生效

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