Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Firefox 'system-level' dark theme

  • 2 uphendule
  • 0 zinale nkinga
  • 1 view
  • Igcine ukuphendulwa ngu Terry

unfold-runway
unfold-runway
more options

Sites such as startpage.com, google, youtube and others implement the `user-prefers-color-scheme` css system for light and dark themes. This often takes the form of a dropdown selection with options light, dark, and system-setting.

On Linux, firefox, with a Mate desktop, I have set firefox theme and my window manager to dark. This is not being passed to the end site. Unable to identify the value they are presenting a light theme.

My windows is light themed with a dark themed firefox. Firefox does not tell google (and other) sites that I'm interested in the dark theme.

Is there a way to always set the css level variable of user-prefers-color-scheme to dark?

Most answers in this space are referring to: 

 - setting firefox theme to dark
 - using an extension to force sites that do not implement user-prefers-color-scheme to be dark themed.

Instead I'm interested in setting that value to always request dark theme from sites that implement dark themes and accepting light themes from sites that do not implement dark themes.

Interestingly this is not set by firefox dark themes in my cases, perhaps there is an underlying bug or unexpected behavior in how that is calculated in my cases?

Sites such as startpage.com, google, youtube and others implement the `user-prefers-color-scheme` css system for light and dark themes. This often takes the form of a dropdown selection with options light, dark, and system-setting. On Linux, firefox, with a Mate desktop, I have set firefox theme and my window manager to dark. This is not being passed to the end site. Unable to identify the value they are presenting a light theme. My windows is light themed with a dark themed firefox. Firefox does not tell google (and other) sites that I'm interested in the dark theme. Is there a way to always set the css level variable of user-prefers-color-scheme to dark? Most answers in this space are referring to: - setting firefox theme to dark - using an extension to force sites that do not implement user-prefers-color-scheme to be dark themed. Instead I'm interested in setting that value to always request dark theme from sites that implement dark themes and accepting light themes from sites that do not implement dark themes. Interestingly this is not set by firefox dark themes in my cases, perhaps there is an underlying bug or unexpected behavior in how that is calculated in my cases?

All Replies (2)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

Go to Settings and check the Website appearance. Is it set to System theme?

Terry
Terry
more options

Failing that, there are two preferences you could try. layout.css.prefers-color-scheme.content-override dark (0), light (1), system (2) or browser (3) ui.systemUsesDarkTheme 0 light, 1 dark

https://support.mozilla.org/en-US/kb/about-config-editor-firefox