😧 Как определить системную тему в JavaScript

prefers-color-scheme показывает, какую тему пользователь выбрал в системе: светлую или тёмную.

🔜 Через matchMedia() это можно проверить из JavaScript:

console.log(theme.matches ? 'dark' : 'light’);

🔜 И подписаться на изменение темы без перезагрузки страницы:

theme.addEventListener('change', ({ matches }) => {
  document.documentElement.dataset.theme =
    matches ? 'dark' : 'light';
});

Полезно для интерфейсов, которые автоматически подстраиваются под настройки ОС.

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#readme