ASP.NET MVC how to change less variables with javascript?

Question

In my application I must add feature for the user to chnage UI colors.

For this purpose I have created .less file and set some global variables to their default value.

What is the best practice for creating theme in Asp.net MVC?

Answer 1

I would create a base styling for the default styling and different stylesheets (less files and finally seperate .css files) for each colorscheme, each scheme overrides the colors in the base file, then dynamically load the stylesheet according to your business logic using javascript

Dynamically loading css stylesheets