Задать вопрос
AleksMey
@AleksMey
Пытаюсь разобраться

Как сделать смену темы для js работающую при подключении в head?

На проектах реализую код, который реализует добавление класса .dark и тем самым создаётся тёмная тема. Но минус скрипта в том, что подключается он в перед body, после загрузки DOM и на долю секунды показывается светлая тема при обновлении страницы.

Как реализовать так чтобы исправить этот баг? Как вы вообще создаёте тёмные темы на js?
  • Вопрос задан
  • 63 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
neuotq
@neuotq
Прокрастинация
1. Используй prefers-color-scheme, который посторается взять тему выбранную пользователем в ОС или браузере.
2. Храни настройки своего сайта в кукис и перед отправкой клиенту делай соответсвующие изменения, тогда не будет эффекта блика.
ИЛИ
2.1 Экран предзагрузки, который ничего не показывает и подгружает всё, применяет всё(допустим в локалсторадже ты сохранил), потом показывает уже сам сайт.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
26 дек. 2024, в 16:23
30000 руб./за проект
26 дек. 2024, в 16:23
100000 руб./за проект
26 дек. 2024, в 14:40
15000 руб./за проект