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.

[Jon]

Hey all,

Here with an exciting update…

This idea has been upgraded to a “Trending idea.” This means it’s now one step closer to reaching our internal teams for review—learn more about The Idea Journey.

Please keep the conversation going (the more details, the better) and stay tuned for updates 😃

-The Community Team

[jrmleduc]

Fix website backgrounds for support.mozilla.org and addons.mozilla.org for Dark Reader

these are pretty much the only 2 webpages on the whole internet (lol) that don't work with the Dark Reader plugin. they blind me. i guess for some reason i'm on those pages often. it looks like Dark Reader adds a listener to the html tag, but for some reason it doesn't work on those 2. can someone who knows way more about javascript check that out? my eyes will have your babies. not in that way, gross

[Jon]

Similar idea here: Improve addons.mozilla.org website, for a more modern layout. 

[ØƵ]

Just reviving this because it's still a major issue. The quickest (and most recommended) fix means allowing all extensions access to specific Firefox's protected pages. This is a clear security issue and antithetical to Firefox's principals. A conclusion can be drawn that many of Firefox user's who will not want to create their own userContent.css will be exposing themselves to this risk that Firefox is wholly responsible for? Nobody is asking for a work of art, just an MVP that doesn't burn my eyeballs out when I am trying to decide whether or not an extension is trustworthy at two in the morning.

[Acephelos]

Dark Mode for Firefox sites

Official Firefox sites don't seem to allow Dark Mode extensions, so one should be provided. The sites are bright white and it's a literal eyesore. Please don't reach out to me about this, there's nothing to discuss here.

[Jon]

(Note: similar ideas have been merged into this thread)

[Readto]

A good browser must have a good website, it's only natural. More websites should have a dark theme

[cskwg]

The new Edge/Chromium shows how to make it right.

[Anutrix]

developer.mozilla.org already has dark theme so I am guessing it's a not technical but UX/Management Team approval issue.

[cskwg]

Have a look at: "edge://flags/#enable-force-dark". The conversion is not 100% yet, but it's quite good.