Обнаружение темного режима в веб-приложениях
Есть ли способ сделать веб-приложения, такие как YouTube обнаруживать системный темный режим автоматически на Ubuntu 20.04?
Правка: Некоторые веб-приложения могут fallow системная тема на окнах. Если у вас включен темный режим, то эти приложения будут отображаться с использованием темной темы. В Ubuntu 20.04, когда я настраиваю эти приложения (YouTube на Google Chrome) на темную системную тему, она все равно будет отображать светлую тему, даже если у меня есть Ubuntu в темном режиме.
1 ответ
Если у вас есть доступ к источнику веб-приложения (или сайта), вы можете использовать MatchMedia из JavaScript:
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
// dark mode
}
как бонус, если Вы хотите, чтобы приложение обновило, если ОС изменяется от одного режима на другой, вы можете наблюдать за изменениями:
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
const newColorScheme = e.matches ? "dark" : "light";
});
в противном случае нет возможности, который я знаю, что принудит приложение для соответствия цветовой схеме или Режим хост-ОС