Задать вопрос
RuslanAbdurakhmanov
@RuslanAbdurakhmanov
web page unavailable

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

Как реализовать кнопку на сайте которую при нажатии можно менять тему сайта с темного на белую.
Можно подробное описание
  • Вопрос задан
  • 114 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 3
@Steppp
самый простой способ filter: invert(<значение>);
Ну а вообще тут много примеров
Ответ написан
Комментировать
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 в голове разметки)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы