This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Firefox 'system-level' dark theme

  • 2 replies
  • 0 have this problem
  • 1 view
  • Last reply by Terry

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)

more options

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

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