Home/ Questions/Q 6883965
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T05:26:56+00:00

While testing my web app, I’d like to be able to set the value

  • 0

While testing my web app, I’d like to be able to set the value of one of my LESS @variables using a simple dropdown. (To change the color scheme altogether).

I guess after setting the value, LESS has to reload/recompile the .less files with the new value?

Is there any simple way of accomplishing this? (I’m not running node.js)

The basic example would be something like: 

styles.less
@base-color = `window.baseColor()`
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you’re doing it in a bit too complicated way 😉

    Here’s what I propose:

    1. Set a class on your body tag:

      <body class='theme_default'></body>

    2. In your .less file define your themes:

      body.theme_default { base_color: #fff; }
body.theme_gray    { base_color: #ccc; }
etc..

    3. Using jQuery (or just plain JS) change the class of the body tag upon dropdown state change.

    That’s how I’d do it (and replace the dropdown with some nice widget 😉
    Cheers

    • 0