В прошлой статье мы добавили поддержку тёмной темы на странице. Вот короткая версия:
- тёмная тема — это когда фон делают тёмным, а текст светлым, чтобы было удобно читать в темноте;
- браузеры умеют определять тёмную тему на устройстве и включать её на странице, если для этого на странице есть специальная настройка в CSS;
- вместо автоматического включения можно добавить ручной переключатель.
В прошлый раз мы проверили, как работает автопереключение, потом убрали его и добавили ручной режим. Сегодня объединим эти два подхода, а заодно научим браузер сохранять наши настройки.