This is how I saw my add-on’s options page recently:
It seems Mozilla used 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
- Firefox Nightlies settings dark mode · Issue #341 · kkapsner/CanvasBlocker · GitHub
- Add-on page should support dark mode · Issue #26 · rugk/mastodon-simplified-federation · GitHub
- Add-on settings should support dark mode · Issue #23 · rugk/awesome-emoji-picker · GitHub
- Improve compatibility with dark color schemes (#361) · Issues · Thomas Rientjes / decentraleyes · GitLab
- Firefox Nightly's settings dark mode · Issue #17841 · EFForg/https-everywhere · GitHub