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

Theme Changes Some Components to Dark-mode Despite Override

  • 7 replies
  • 0 have this problem
  • 38 views
  • Last reply by zeroknight

more options

Hiya,

I use a theme which some years ago (after a change in the way Firefox handles dark-mode preferences) changed all UI and websites to use dark-mode. I was able to keep using the theme, and mostly override this behavior by setting:

`layout.css.prefers-color-scheme.content-override = 1`

However, this didn't take for some components, such as the sidebar and bookmark editor window, which still continue to use dark-mode.

Is there any way to completely disable dark-mode everywhere, and still use my preferred theme?

Cheers, Afraz

Hiya, I use a theme which some years ago (after a change in the way Firefox handles dark-mode preferences) changed all UI and websites to use dark-mode. I was able to keep using the theme, and mostly override this behavior by setting: `layout.css.prefers-color-scheme.content-override = 1` However, this didn't take for some components, such as the sidebar and bookmark editor window, which still continue to use dark-mode. Is there any way to completely disable dark-mode everywhere, and still use my preferred theme? Cheers, Afraz

Chosen solution

You can edit the theme manifest file and change "color_scheme" to "light" then either submit it as a new theme or install it on Developer Edition with signature enforcement disabled.

Read this answer in context 👍 0

All Replies (7)

more options

Could be incompatible themes or userChrome.css. If these aren't Firefox defaults or Firefox themes site download then you might want to check the site your getting them from to verify it's compatible with latest version of Firefox.

Helpful?

more options

We can rule out `userChrome.css`, because I don't have one :)

It could well be an "incompatible" theme. I got it from the normal theme page for Firefox, and this started happening some time ago, when Firefox changed the way themes effect dark-mode.

I'd really like to keep using this theme though, so am willing to create the necessary entries in a `userChrome.css`. Trouble is, I have no idea what I need to set. Is there documentation somewhere I can look up for changing the appearance of all the extra UI windows like the history browser, bookmarks browser, etc.?

Helpful?

more options

Chosen Solution

You can edit the theme manifest file and change "color_scheme" to "light" then either submit it as a new theme or install it on Developer Edition with signature enforcement disabled.

Helpful?

more options

Marked @zeroknight's answer as correct, but it bears further explanation.

This is what needs to be added in the manifest:

``` ...

   "properties": {
     "color_scheme": "light"
   }

... ```

It seems that if a theme doesn't set `properites.color_scheme`, then Firefox defaults to "dark" (my OS is set to light), which is disappointing.

Helpful?

more options

Themes are meant to override the OS theme. The light/dark color scheme is decided by the theme's toolbar and text colors if one isn't specified.

Helpful?

more options

So given the following manifest, Firefox would use "dark"?

{

 "theme": {
   "images": {
     "theme_frame": "fox1_head.png"
   },
   "colors": {
     "frame": "#12455e",
     "tab_background_text": "#ffffff"
   },
 },
 "version": "2.0",
 "name": "Have a Light Fox Dream",
 "manifest_version": 2,
 "description": "Enjoy more!"

}

Modified by afrazkhan

Helpful?

more options

afrazkhan said

"tab_background_text": "#ffffff"

Light text will make the color scheme dark.

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.