# Firefox 68 Nightly added dark version to about:addons breaking many add-ons

**URL:** <https://discourse.mozilla.org/t/firefox-68-nightly-added-dark-version-to-about-addons-breaking-many-add-ons/38716>\
**Category:** Development\
**Created:** [April 27, 2019, 3:55pm UTC](https://discourse.mozilla.org/t/firefox-68-nightly-added-dark-version-to-about-addons-breaking-many-add-ons/38716 "2019-04-27T15:55:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![rugkx](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/rugkx/32/19322_2.png) [@rugkx](https://discourse.mozilla.org/u/rugkx)\
**Post date:** [April 27, 2019, 3:55pm UTC](https://discourse.mozilla.org/t/firefox-68-nightly-added-dark-version-to-about-addons-breaking-many-add-ons/38716/1 "2019-04-27T15:55:39Z")

</div>

This is how I saw my add-on’s options page recently:

 ![](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/4/7/47984bce806e8783a71ea4ac43f0d267a9acc615.png)

It seems Mozilla used [`prefers-color-scheme`](https://developer.mozilla.org/docs/Web/CSS/@media/prefers-color-scheme) to add a dark version to the add-on manager at `about:addons`.

Did you consider that you are thereby breaking many (or, actually, likely all) add-ons that do use the options inside of the manager and use `browserStyle`?

# Issues

- I wonder, as I use `browserStyle`, why did not Firefox also set the text color to white then?
- As I for now did not customize the input elements, I had assumed they have to look good in dark mode now, too. I am not sure about that seeing the screenshot…

# Solution

It’s obvious add-ons can (or actually have to) implement a dark mode, too, now. And with the CSS media query feature mentioned above, it’s also very clear how.

However, that takes time…

# Questions

Anyway, for planning on what needs to be changed how/when, I have some questions:

- Was this announced anywhere? (Also please post Bugzilla links if useful.)
- In which Firefox version did you introduce that feature? (Based on my testing, I assume Firefox 68 Nightly.)
- When will this land in stable? What is the timeline for that?
- Will there be still changes to the CSS that get’s applied for the dark mode there? (e.g. the white font, as I’ve suggested above)

# Links

The bug reports/affected add-ons I’ve created so far:

- [Add-on options page should support dark mode · Issue #190 · rugk/offline-qr-code · GitHub](https://github.com/rugk/offline-qr-code/issues/190)
- [Firefox Nightlies settings dark mode · Issue #341 · kkapsner/CanvasBlocker · GitHub](https://github.com/kkapsner/CanvasBlocker/issues/341)
- [Add-on page should support dark mode · Issue #26 · rugk/mastodon-simplified-federation · GitHub](https://github.com/rugk/mastodon-simplified-federation/issues/26)
- [Add-on settings should support dark mode · Issue #23 · rugk/awesome-emoji-picker · GitHub](https://github.com/rugk/awesome-emoji-picker/issues/23)
- [Improve compatibility with dark color schemes (#361) · Issues · Thomas Rientjes / decentraleyes · GitLab](https://git.synz.io/Synzvato/decentraleyes/issues/361)
- [Firefox Nightly's settings dark mode · Issue #17841 · EFForg/https-everywhere · GitHub](https://github.com/EFForg/https-everywhere/issues/17841)

---

<div class="post-metadata">

**Author:** ![rugkx](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/rugkx/32/19322_2.png) [@rugkx](https://discourse.mozilla.org/u/rugkx)\
**Post date:** [April 27, 2019, 4:15pm UTC](https://discourse.mozilla.org/t/firefox-68-nightly-added-dark-version-to-about-addons-breaking-many-add-ons/38716/2 "2019-04-27T16:15:53Z")

</div>

Seems the general effort [is tracked here](https://bugzilla.mozilla.org/show_bug.cgi?id=1519547) and [the issue I am describing here is known](https://bugzilla.mozilla.org/show_bug.cgi?id=1544212). Seeing a patch there that forces add-ons to use white mode…

However, I would well like to adjust the add-on for a dark mode. After all, it looks awkward to have a white space for the add-on settings.  
So possibly you can just also adjust the text color by default with `browserStyle`?

So again: **What is the current plan?**