Firefox отказывается соблюдать темный режим

#css #firefox #darkmode

#css #firefox #darkmode

Вопрос:

Я тестировал Firefox 67-83, и абсолютно ни одна версия на самом деле не поддерживает темный режим!

  • Нет, я задаю вопрос разработчику.
  • Нет, я явно не говорю о расширениях.
  • Нет, у меня установлены нулевые расширения.
  • Да, темный режим отлично работает в Chrome и Safari, изменяя только настройки операционной системы.
  • Да, у меня установлены Windows 10 и Firefox в темный режим.
  • window.matchMedia('(prefers-color-scheme: dark)').matches ВОЗВРАТ false .
  • window.matchMedia('(prefers-color-scheme: dark)') Шоу media: "(prefers-color-scheme: dark)" .
  • Да, я создал чистый профиль.
  • Да, я пытался about:config создать и установить browser.in-content.dark-mode true значение как в 67, так и в 83.

Соответствующий CSS для всех браузеров:

 @media (prefers-color-scheme: dark)
{
  :root
 {
  --color_anchor_text: #bfc7d2 !important;
  --color_anchor_focus_text: #8b98ac !important;
  --color_anchor_visited_text: #f2ddca !important;
  --color_body_background: #000 !important;
  --color_form_background:  #222 !important;
  --color_form_background_focus: #444 !important;
  --color_form_text: #fff !important;
  --color_form_text_placeholder: #777 !important;
  --color_primary_background: rgba(34,34,34,.9) !important;
  --color_primary_text: #fff !important;
  --color_status_good: #0c0 !important;
  --color_status_neutral: #aaa !important;
  --color_status_fair: #9c0 !important;
 }
}
 

Как мне заставить Firefox поддерживать темный режим?

Ответ №1:

Я получил его рабочую настройку ui.systemUsesDarkTheme: 1 , about:config как описано здесь https://github.com/mdn/browser-compat-data/pull/9299

Комментарии:

1. Отлично, спасибо! Я протестировал, и это работает в Firefox 71 . Однако он не работает в Firefox 67, 68, 69 или 70, которые должны поддерживать темный режим. Черт возьми, достаточно хорошо!

2. В FF 94 это делает то же самое, что и изменение настроек ОС. Веб-сайты по-прежнему используют «светлую» цветовую схему.