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]

(Note: a similar idea has been merged into this thread)

[Jon]

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