#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 это делает то же самое, что и изменение настроек ОС. Веб-сайты по-прежнему используют «светлую» цветовую схему.