Как сделать динамический css стиль?

Question

[NNn131]

Есть сайт.
Мне хочется дать пользователям возможность настроить цвет элементов как они пожелают. Всё это делается прямо в настройках на сайте.



У каждого элемента свой класс, который отвечает за цвет. Мне нужно при изменении настроек из js менять css стиль.
Как это можно сделать?

( Как вариант, хранить стиль в html теге style и при изменении настроек полностью пересоздавать его. Интересно, если ли менее костыльные решения )

Comments

[Антон Литвиненко]

Прописывать динамические стили в html не костыль а вполне себе повсеместно используемый кейс.

Answer 1

[Вадим]

css custom properties

https://vanseodesign.com/css/custom-properties-and...
https://medium.com/@lucyhackwrench/%D1%87%D1%82%D0...