Define custom themes for light and dark mode of the OS

[tim_jln]

Hello !

Currently if I change the theme of my Firefox, it changes for both light and dark mode. It will be great to define a custom theme for light mode and a custom theme for dark mode. Like this if my OS theme is light I can have a custom light theme and have a custom dark theme if my OS theme is dark.

I hope it's clear.
Thank you.

[Jon]

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.

[MintMain21]

You could try this browser extension. https://addons.mozilla.org/en-US/firefox/addon/automatic-dark/?utm_source=addons.mozilla.org&utm_med...

[metbic]

@MintMain21 that extension https://addons.mozilla.org/en-US/firefox/addon/automatic-dark/ doesn't work:
>Note: There is a known issue with Firefox 100 where the "Change themes based on the system theme". Please use the other setting modes while a fix is being worked on.

there is another extension that claims to do this but it doesn't work too: https://github.com/remy/light-dark-switcher/releases

@tim_jlnSo far I only found one theme that switches together with the OS setting like the "system theme auto" does, and it's called Alpenglow: https://addons.mozilla.org/en-US/firefox/addon/firefox-alpenglow/

[MintMain21]

What OS do you use?

[tim_jln]

@metbicI'm gonna have look to this extension!

@MintMain21I use macOS.

Thank you all for you answers!

[mroche]

I would like to add my support for such a feature as well. Out of the box, Firefox provides four theming options:

• System theme - auto (dynamic)
• Dark (static)
• Firefox Alpenglow (dynamic)
• Light (static)

On my platform, Fedora Workstation, the system theme appears to be deriving from Adwaita. So rather than following the system hints to switch between Firefox Light and Dark, it's effectively switching between Adwaita and Adwaita-dark. While I think it's a good idea to retain this, considering Alpenglow has it's own scheme states it would be nice to have either:

• the ability to define our own target themes based on the system hint, or
• another theme choice of "Follow system hint - auto" that uses Firefox's built in dark and light themes.

This also impacts Thunderbird.

[sf1tzp]

You can do something similar in VS Code, eg

• "workbench.preferredLightColorTheme": "GitHub Light",
• "workbench.preferredDarkColorTheme": "GitHub Dark",

I would love to see this flexibility in Firefox!

[pabe]

I'd love to see this too. The "automatic dark" extension always randomly fails to recognize an OS theme change (on Mac OS), it's always been so. I very regularly (like multiple times a day) switch between light and dark mode depending on the brightness of the place I'm at, and having to manually switch my browser theme is super annoying (and makes Firefox harder to use).

Another option would be to allow custom themes to be both light and dark and indicate this on AMO when the themes support this: theme creators could then create a light/dark theme if they want to (and there would be no new thing to implement in Firefox itself: the default theme already supports light and dark automatic switching, so I guess it's somehow supported).