@Nazaror

Как сделать смену цвета сайта?

Есть сайт в зелёном цвете весь. Нужно сделать что бы юзер мог нажимая на кружки со цветами (их 3) менять все зелёные цвета на тот что в круге. Подскажите как реализовать. Я понимаю что вот зелёный цвет нужно в sass в переменную сделать, а дальше?
  • Вопрос задан
  • 124 просмотра
Пригласить эксперта
Ответы на вопрос 3
@BATPYIIIKOB
PHP, JS
В общем алгоритм простой, подменить цвет элемента DOM при событии клика на элемент (кружочек)
Либо вы можете менять непосредственно цвет, допустим backgroung-color, либо менять у элемента заранее подготовленный класс, например:
<body class="fon_red">
меняем на
<body class="fon_yellow">
Всё это можно реализовать как на jQuery, так и на чистом JS.
Как вы собираетесь менять параметры в sass (или less) на готовом сайте? sass всего лишь препроцессор, из которого генерим css, который в конечном счёте и скармливается браузеру.
Ответ написан
xmoonlight
@xmoonlight Куратор тега JavaScript
https://sitecoder.blogspot.com
Проитерировать все объекты DOM по всем вариантам стилей задания цвета.
Цвет зелёный - заменяем.

Или заранее прописываем какое-то свойство (класс) для всех объектов с зелёным цветом и итерируем по этому фильтру.
Ответ написан
ChingizMuellim
@ChingizMuellim
FrontEnd, React Js
Можно воспользоваться переменными в CSS и чуток пошаманить JavaScript. Удачи
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы