Firefox深色主题可通过五种方式实现：一、启用内置Alpenglow Dark等UI主题；二、安装Dark Reader扩展动态适配网页；三、在about:config中修改prefers-color-scheme.content-override为2强制深色渲染；四、设置浏览器主题为“跟随系统”以自动同步系统深色模式；五、通过userContent.css注入自定义CSS样式实现全局深色覆盖。
如果您希望Firefox浏览器界面呈现深色视觉效果，以降低夜间使用时的眼部疲劳并提升视觉一致性，则需分别配置浏览器UI主题与网页内容渲染策略。以下是实现Firefox深色主题的多种可行路径：
一、启用火狐内置深色UI主题
该方法仅调整浏览器自身界面元素（如地址栏、标签页、菜单栏、工具栏）为深色，不改变网页内容颜色，是轻量、稳定且无需扩展的基础配置。
1、点击浏览器右上角三条横线菜单图标，打开主菜单。
2、选择“设置”进入配置界面。
3、在左侧边栏点击“常规”，再展开“语言和外观”选项。
4、在“主题”下拉菜单中，选择Alpenglow Dark或深邃。
5、所选主题将立即生效，无需重启浏览器。
二、安装Dark Reader扩展实现网页内容级深色化
该方案通过开源扩展实时解析网页DOM结构，对文字、背景、表单、视频控件等元素施加动态滤镜与颜色映射，覆盖绝大多数未原生支持prefers-color-scheme的网站，并允许亮度与对比度精细调节。
1、在地址栏输入https://addons.mozilla.org并回车，进入火狐官方附加组件商店。
2、在搜索框中输入Dark Reader，确认开发者为darkreader.org。
3、点击搜索结果中的“添加到 Firefox”按钮，等待安装完成。
4、安装后，点击浏览器右上角工具栏出现的紫色月亮图标，确保其处于开启状态。
5、点击图标旁齿轮图标进入设置，在“Filter mode”中选择Dynamic，并将“Brightness”设为75、“Contrast”设为105。
三、通过about:config强制启用实验性网页深色渲染
此方式绕过扩展依赖，直接调用火狐底层CSS渲染参数，对所有网页内容强制施加深色覆盖，适用于个别Dark Reader适配不佳的站点，但可能引发部分页面布局异常或字体渲染失真。
1、在地址栏输入about:config并回车，点击“接受风险并继续”。
2、在搜索栏中输入layout.css.prefers-color-scheme.content-override。
3、双击该项，将数值由默认的0改为2（2代表强制深色）。
4、继续搜索ui.systemUsesDarkTheme，双击修改其值为1。
5、关闭about:config页面，刷新任意网页观察背景是否转为深灰或近黑色。
四、配置Firefox跟随系统深色模式自动切换
此方式使浏览器UI与操作系统外观保持同步，避免手动干预，适合习惯统一视觉风格的用户，且能减少界面与系统之间的视觉割裂感。
1、在Windows系统中，打开“设置” → “个性化” → “颜色”，将“选择默认应用模式”设为深色；macOS用户需进入“系统设置” → “外观” → 选择深色；Linux用户请依据桌面环境（如GNOME/KDE）在系统设置中启用深色外观。
2、返回Firefox，在“设置” → “常规” → “语言和外观”中找到“主题”选项。
3、将主题下拉菜单更改为跟随系统设置。
4、关闭设置页面，等待约10秒，浏览器UI将自动刷新为深色。
5、若系统后续切换至浅色模式，Firefox界面亦会随之恢复，无需额外操作。
五、通过userContent.css注入自定义全局深色样式
该方法在浏览器渲染层直接重写网页的背景、文字及边框颜色，适用于无法被content-override完全覆盖的动态样式或内联样式场景，提供最高自由度的深色控制。
1、在火狐地址栏输入about:support，找到“配置文件夹”旁的“打开文件夹”按钮并点击。
2、在打开的文件夹中新建名为chrome的子文件夹（若不存在）。
3、在chrome文件夹内新建纯文本文件，命名为userContent.css，用记事本或代码编辑器打开。
4、粘贴以下CSS规则并保存：
@media (prefers-color-scheme: light) { * { filter: invert(100%) hue-rotate(180deg); } body { background: #000 !important; color: #fff !important; } img, video { filter: invert(100%) hue-rotate(180deg) !important; } }
5、在about:config中将toolkit.legacyUserProfileCustomizations.stylesheets设为true，以启用userContent.css加载。
