Dark theme with system dark theme

[ArchangeGabriel]

In Firefox they are three default themes: light, dark, system.

If set to system and using a dark system theme, the icon still uses light theme icons. It should uses the dark theme ones. ;)

[rugk]

Hint: This system-dark works with the quite new CSS media query feature called prefers-color-scheme. It allows you to detect whether the system/user wants a dark website, so you can adjust your CSS.

[ashucg]

Firefox reverts (user preference) to light theme if privacy.resistFingerprinting is set to true - see here. This is something to keep in mind, took me some time to figure out why Firefox was not respecting OS theme.

[ArchangeGabriel]

But you can use @rugk https://github.com/rugk/website-dark-mode-switcher to force it anyway. Works is most cases, though not all.

[ashucg]

@ArchangeGabriel I have used that addon in past (when I had set privacy.resistFingerprinting to true now I am using an addon for it) but it only works for websites, not Firefox interface/addons. So if you have enabled privacy.resistFingerprinting any addon that uses prefers-color-scheme to provide light and dark theme support will only use light color scheme. You can follow the steps I have mentioned in my bug report to reproduce the behavior. And since it is intentional, I don't think Mozilla is going to change it unless they have a very strong reason to do so and I also believe that Mozilla is going to prefer privacy over other things, so maybe never.