Как переопределить настройку CSS предпочитает цветовую схему ⇐ Html

[Anonymous]

Я реализую темный режим, поскольку в macOS, Windows и iOS есть темные режимы.
Для Safari, Chrome и Firefox существует встроенный вариант, использующий следующее медиа-правило CSS:

Код: Выделить всё

@media (prefers-color-scheme: dark) {
body {
color:#fff;
background:#333333
}
}

Это автоматически определит системы, в которых установлены темные режимы, и применит прилагаемые правила CSS.
Однако; даже если в системе пользователей установлен темный режим, возможно, они предпочитают светлую тему или тему по умолчанию для определенного веб-сайта. Существует также случай пользователей Microsoft Edge, который (пока) не поддерживает @media (prefers-color-scheme). Для лучшего взаимодействия с пользователем я хочу, чтобы эти пользователи могли переключаться между темным режимом и режимом по умолчанию для этих случаев.
Есть ли способ, которым это можно выполнить, возможно, с помощью HTML 5 или JavaScript? Я бы включил код, который я пробовал, но мне не удалось найти никакой информации о реализации этого!

Подробнее здесь: https://stackoverflow.com/questions/563 ... me-setting