Dark theme for mozilla.org and addons.mozilla.org

[scalebearer]

There should be a dark theme for mozilla.org and addons.mozilla.org.

The latter is particularly important, since it is a protected page and addons like Dark Reader cannot touch it.

If you're worried about wasting developer time on designing this from scratch, you could cheat by using the Dark Reader npm library. There is an option to export the autogenerated CSS as a string (exportGeneratedCSS). You could use this as a starting point and modify/correct any of the mistakes the Dark Reader algorithms made.

Documentation: https://github.com/darkreader/darkreader#using-dark-reader-for-a-website

Bonus points if you can make the light/dark themes switch based on prefers-color-scheme so it matches OS/browser theme settings.

[nickdu4]

Mozilla's polic[e]y on security is likely forcing the hand on this one, right? To not allow extensions to affect it... It's also like that on the android homepage - my extensions can't alter it.

I don't know why though... A fully customizable, everything removable browser wouldn't be less secure. It may seem ego defacing to allow logos to be removed, for example - but it's precisely that thing that would make me look up who the genius is behind such a decision.

I like the tools to be nameless. Then the users become the highlight. It's about the dancers, not the DJ.

[jonnymullen]

Hi, I'm legally blind and cannot use any website without a dark mode. As these critical pages do not support dark mode, I am completely cut off. I'm amazed that dark mode and other accessibility functionality isn't build in as standard in 2025.

Please don't leave us disabled people behind.

[Pulshdat]

This should be done, in similar fashion to what is already on the developer.mozilla.org website.

However from the comments I feel I must mention for any reader that there are functional workarounds in Firefox. By default, relevant extensions like Stylus, Dark Background and Light Text and Dark Reader can't run on addons.mozilla.org and on some other websites, but that can be changed by settings. Some extensions now have a "Run on sites with restrictions" setting (like the "Run in Private Windows" one, and just below it) in their Details view in Firefox (in about:addons). If that one doesn't work (I haven't tried that one, and it doesn't even show up for me for Stylus), this can be done through editing extensions.webextensions.restrictedDomains in about:config. To allow extensions to run on addons.mozilla.org specifically, it is also needed to create a new boolean pref called privacy.resistFingerprinting.block_mozAddonManager and set it to true (this causes addons.mozilla.org pages to not be able to see if you already have an extension installed, but you can still install/update extensions from there fine, the button will just say "Add to Firefox" instead of "Update").

[matheuspese]

Man, I cant believe this is still not a thing.