為了改善您的使用體驗,本網站正在進行維護,部分功能暫時無法使用。若本站的文件無法解決您的問題,想要向社群發問的話,請到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 發問,我們的社群成員將很快會回覆您的疑問。

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Theme Changes Some Components to Dark-mode Despite Override

  • 6 回覆
  • 0 有這個問題
  • 2 次檢視
  • 最近回覆由 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

被選擇的解決方法

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.

從原來的回覆中察看解決方案 👍 0

所有回覆 (6)

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.?

more options

選擇的解決方法

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.

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.

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.

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!"

}

由 afrazkhan 於 修改

more options

afrazkhan said

"tab_background_text": "#ffffff"

Light text will make the color scheme dark.