Фрагмент кода JS и CSS для определения и оформления темного режима

Этот фрагмент JavaScript определяет, находится ли пользователь в темном режиме. И если это так, он возвращает true.

const isDarkMode = () =>
  globalThis.matchMedia?.("(prefers-color-scheme:dark)").matches ?? false;

// Usage
isDarkMode();

Мультимедийная функция prefers-color-scheme CSS позволяет определить, установлен ли в системе пользователя темный или светлый режим.

@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white;
  }
}

@media (prefers-color-scheme: light) {
  body {
    background-color: white;
    color: black;
  }
}