Javascript 动态操作较少的变量

这是一个多部分的问题

基本要点是，我想有一个网站，用户可以通过下拉菜单，例如，改变网站的配色方案。“我的LESS”文件的顶部如下所示：

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

我想通过页面来处理这些

1） 这是否意味着我需要通过包含LESS.js来加载LESS并实时编译，还是有办法操纵、重新编译和重新加载CSS？我认为将它们移动到vars.less文件可能是有意义的，但这并不能帮助我解决这个问题

2） 通过在HTML文档的头部声明较少的变量以使其更易于访问，这是否更容易做到（也可能做到）

3） 我希望更改是特定于用户/会话的。例如，如果UserA访问站点并进行更改，我不希望UserB看到这些更改。在我看来，这似乎是指在客户端声明较少的VAR，但我没有这样做，所以我想我应该寻求帮助

---

我很乐意，但我不知道如何在JSFIDLE中实现LESS。

您想要的是一种动态的方式来修改更少的变量。你可以用电脑来做

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