RuslanAbdurakhmanov
@RuslanAbdurakhmanov
web page unavailable

Кнопка темы на сайте?

Как реализовать кнопку на сайте которую при нажатии можно менять тему сайта с темного на белую.
Можно подробное описание
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ответы на вопрос 3
RomanTRS
@RomanTRS
1. тегу html добавляете параметр data-theme
2. в стилях задаете цвета через переменные в :root
:root[data-theme="mytheme"] {
  --color-primary: $fff;
  --color-secondary: $000;
  --color-accent: $0f0;
  ...
}

3. Через JS меняете значение для data-theme
Ответ написан
AleksandrB
@AleksandrB
Совсем недавно вывел "Hello world"
У тебя есть 2 цветовой схемы, лежащие в разных файлах.
white.css
black.css
main.css

По дефолту подгружается white.css
Юзер жмет кнопку, js устанавливает в куки или локасторэдж флажек о том что нужно подгружать black.css и или на лету или при перезагрузке подгружается другая тема (через link в голове разметки)
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
22 окт. 2020, в 06:46
3000 руб./за проект
21 окт. 2020, в 22:40
300 руб./за проект
21 окт. 2020, в 22:34
25000 руб./за проект