Firefox: Как проверить цветовые схемы предпочтений?
В Firefox 67 можно использовать медиазапросы для определения предпочтений пользователя по светлой или темной теме.
В моей версии Firefox (под Ubuntu) мне кажется, что я предпочитаю легкую тему. То есть следующий CSS дает синий фон:
@media (prefers-color-scheme: light) {
:root {}
body {
background-color: blue;
}
}Как я могу изменить свои настройки Firefox так, чтобы prefers-color-scheme: dark оценивает как истинное?
Я нашел надстройку, которая, кажется, делает свое дело, но я должен делать что-то не так с моим собственным CSS, так как он не работает на моей странице. Темный сайт forcer
0 ответов
Другой способ сделать это - перейти на about:config, и установите devtools.inspector.color-scheme-simulation.enabled собственность true.
Это добавляет кнопку на вкладку инспектора инструментов разработчика, которая позволяет вам быстро переключаться между имитацией светлого и темного режима на текущей странице.
Со временем эта функция больше не будет скрыта за флажком. Вы можете отслеживать его прогресс на Bugzilla.
Вы можете обновить стиль, используемый Firefox, перейдя в about:config и добавление нового свойства ui.systemUsesDarkTheme целочисленного типа со значением 1.
Он не обновляет значение на активных страницах автоматически, как это происходит при обновлении настроек ОС в Windows или Mac, но если вы обновите страницу после обновления, оно будет обновлено.
Вы можете убедиться, что настройки браузера верны, просмотрев пример на mdn.
Изменить: в firefox 71 обновление применяется к активным страницам без обновления
Просто для полноты: если что-то не получается, есть надстройка Firefox под названием "Dark Website Forcer" ( также на GitHub).
Он изменяет стиль, читая CSS веб-сайта и повторно применяя части для темной версии, если вы хотите иметь темную версию. Таким образом, он также может активировать только темный веб-сайт, а не светлый. В Readme есть подробное объяснение почему.
Раскрытие информации: я являюсь автором этого дополнения.