Как сделать адаптивную темную тему на сайте?

Question

[Eraminel01]

У меня есть новостной портал, и я хотел бы реализовать на нем автоматическую темную тему.
Вот что я имею ввиду:
Если в системе у клиента включена темная тема, нужно чтобы она включалась на сайте.
Примеры таких сайтов (не реклама):
https://9to5google.com
https://rozetked.me/

Answer 1

[Eraminel01]

Спасибо Сергей delphinpro за ответ:
Реализовать адаптивную тему можно через: prefer-color-theme

Answer 2

[Андрей Николаев]

1. Разрабатываете сайт
1.1 Делаете светлую тему
1.2 Делаете темную тему

2. Делайте таким образом, чтобы авторизованный пользователь в настройках пользователь мог выбрать тему.
2.1 Делаете селектор
2.2 Модифицируете код вашего сайта чтобы он на основании авторизации пользователя подменял тему.

3. Если хотите чтобы и у неавторизированных пользователей была такая возможность, то сохраняйте тему в cookie и при заходе на сайт в код п. 2.2 добавляете проверку cookie.

Какой пункт осветить подробнее?

Comments

[Сергей delphinpro]

Ну можно ещё рассказать про prefer-color-theme.

[Eraminel01]

Абсолютно все есть кроме той самой адаптивной темы про которую я написал в вопросе. Ответ ничего не дал, зайдите на сайты про которые я написал, и вы поймёте о чем я.
UPD: Включите обязательно темную тему на устройстве, а потом отключите ее и обновите страницу.

[Eraminel01]

Сергей delphinpro, спасибо больше, я это и искал ❤️