Firefox无法响应prefers-color-scheme切换favicon.svg深浅色问题

• 核心差异来自浏览器对favicon的渲染策略区别：Chrome、Edge会将SVG favicon纳入和页面一致的渲染上下文，内部的prefers-color-scheme媒体查询可以正常感知系统、浏览器的主题状态变更，触发样式重绘；但Firefox给favicon单独分配了隔离的渲染进程，这个渲染进程默认不会同步系统/浏览器的色彩偏好状态，内部的CSS媒体查询无法实时拿到主题切换的信号。
• 手动修改ui.systemUsesDarkTheme配置不生效是正常现象：这个配置项的作用范围仅覆盖Firefox自身UI界面、普通网页内容的色彩偏好判定逻辑，完全没有接入favicon的隔离渲染沙箱，修改配置后favicon的渲染逻辑根本读不到这个配置的变更值。
• Firefox对favicon的CSS规则解析仅触发一次：浏览器只会在首次拉取到favicon资源的时候解析一次内部的媒体查询样式，后续不管是系统主题切换、浏览器配置修改，都不会触发favicon的重新解析和重绘流程。哪怕强制清空缓存刷新页面，也只能拿到刷新瞬间的主题对应样式，之后再切换主题favicon依旧不会同步变化。

该问题属于Firefox存在多年的已知实现缺陷，截止目前最新正式版仍未修复，不存在前端侧或者普通用户配置层面的完美绕过方案。

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