horosami
@horosami
ux/ui designer

Как сделать динамическое изменение цвета в сss?

Стили к сайту написаны при помощи less.
У меня есть переменная, которая ведет себя как "тема":
@color-auto: #ff9900;

Я хочу каким-то образом добираться до этой переменной и менять ее значения на другой цвет, чтобы и все содержимое используя данную переменную в стилях - меняло цвет.

У меня есть выдвигающаяся панель.
Там 3 дива с разными цветами. Я хочу при клике на конкретный див (например зеленый) - цвет в этой переменной @color-auto менялся на зеленый.

Поиск элементов с таким цветом не имеет смысла! у меня их дофига.
Можно ли это как сделать по-крутому?(( Я не очень шарю
В итоге хочу получить переключатель "тем", то есть при клике на див с конкретным цветом будет меняться цвет, то голубой, то красный, то зеленый... типа того
  • Вопрос задан
  • 1169 просмотров
Решения вопроса 1
horosami
@horosami Автор вопроса
ux/ui designer
вот решение: https://codepen.io/seven-phases-max/pen/dPYxzR
необходимо подключить less.js: https://less-lang.info/less.min.js
и запускать с локального сервера!
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Комментировать
vicodin
@vicodin
Имею некоторый опыт
Комментировать
Ваш ответ на вопрос

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

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