How to make dynamic css style?

Question

css

There is a site.
I want to give users the ability to customize the color of the elements however they wish. All this is done right in the settings on the site.



Each element has its own class, which is responsible for the color. I need to change css style when changing settings from js.
How can I do that?

(As an option, store the style in the html style tag and completely recreate it when changing the settings. I wonder if there are less crutch solutions)

Answer 1

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