🔒Открыть пост
и посмотреть медиа
и посмотреть медиа
😧 Как определить системную тему в JavaScript
prefers-color-scheme показывает, какую тему пользователь выбрал в системе: светлую или тёмную.
🔜 Через matchMedia() это можно проверить из JavaScript:
console.log(theme.matches ? 'dark' : 'light’);
🔜 И подписаться на изменение темы без перезагрузки страницы:
theme.addEventListener('change', ({ matches }) => {
document.documentElement.dataset.theme =
matches ? 'dark' : 'light';
});
Полезно для интерфейсов, которые автоматически подстраиваются под настройки ОС.
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#readme