How to pass a value from HTML to CSS

Question

I want to change the theme colour based on theme name that is available in JSP page, How can I pass a variable that contain theme name from JSP to CSS file.

Answer 1

you can "pass" the value from the inline HTML to the CSS by having something like this:

index.html

<div style="--main-color: red;">RED</div>

style.css

div { background-color: var(--main-color); }