Pass dynamic variable from HTML to less.css file
<p>I've just started using Less. I am now looking to change background color as per a value passed from the  HTML file. For example in HTML file select blue color than all background set blue and if select yellow than all background set Yellow.</p>

<p>The mechanism is to change color for look and fill. User can change his theme as per his requirement. So when user changes the color all theme of site color should be changed.
Below is how I was thinking of passing the selected color</p>

<p><img src="https://i.stack.imgur.com/GAnCU.png" alt="In this snapshot Html Select blue Color"></p>

<p>And this is how I expect the value to be assigned in the less.css file.</p>

<p><img src="https://i.stack.imgur.com/ftJwn.png" alt="In this snapshot less file description"></p>

<p>So, How can I achieve this scenario?</p>