操纵LESS变量动态

Question

这有点多部分问题。

这样做的基本要点是，我想有一个网站，用户通过下拉，例如，可以更改站点的配色方案。我的LESS文件的顶部看起来像这样：

@primaryColor: #000000; 
@secondaryColor: #FFFFFF; 
@textColor: #000000; 

我想操纵那些通过页面。

1）这是否意味着我需要加载LESS并通过包含less.js进行实时编译，或者是否有方法来操作，重新编译和重新加载CSS？我认为将这些文件移动到vars.less文件可能是有意义的，但这并不能帮助我解决问题。

2）通过在HTML文档的头部声明LESS变量以使它们更易于访问，更容易完成（并且可能）吗？

3）我想改变是用户/会话特定的。例如，如果UserA访问该网站并进行更改，我不希望UserB看到这些内容。这似乎是我指出要在客户端宣布LESS vars，但我在空白，所以我想我只是寻求帮助。

我会掀起一个小提琴，但我无法弄清楚如何在jsfiddle中实现LESS。

Answer 1

你要找的是修改LESS变量动态的方式。你可以使用less.modifyvars()。

当用户点击特定的颜色和颜色设置为变量调用它。 LESS更改变量的值并自动使用更改后的值再次呈现CSS。