动态改变较少的变量

我想在客户端更改一个 less 变量。 假设我有一个 less 文件

@color1: #123456;
@color2: @color1 + #111111;

.title { color: @color1; }
.text { color: @color2; }

我希望用户选择一种颜色并更改 @color1 的值并重新编译 css 而无需重新加载页面。

基本上我正在寻找一个js函数，像这样

less_again({color1: '#ff0000'}) 

马文， 昨晚我写了一个函数，它完全符合您的要求。

我在 Github 上创建了一个 fork；https://github.com/hbi99/less.js/commit/6508fe89a6210ae3cd8fffb8e998334644e7dcdc https://github.com/hbi99/less.js/commit/6508fe89a6210ae3cd8fffb8e998334644e7dcdc

看看它。由于这是最近添加的内容，我想听听您对此添加的评论。这个解决方案非常适合我的需求，我认为它也会为您做同样的事情。

这是一个基本示例；

样品较少：

@bgColor: black;
@textColor: yellow;
body {background: @bgColor; color: @textColor;}

From JS:

less.modifyVars({
  '@bgColor': 'blue',
  '@textColor': 'red'
});