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

[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