用于编辑较少CSS变量的Javascript库？

假设我有一个使用较少且使用变量的网站；我想知道是否存在一个库或任何东西来为最终用户提供更改变量的能力。例如，如果在变量中指定了类的背景色，我希望能够在下拉菜单中对其进行编辑。我将要实现类似的东西，所以在这样做之前，我想知道是否有任何现有的解决方案。

我最近经常遇到这个问题，在尝试了许多事情之后，我的解决方案是最终放弃更少的东西并使用它，它有一个很好的JavaScript API

在任何情况下，这就是我现在所做的工作，以减少JavaScript中的变量：

var getLessVar = function (name, prop) {
  var value = $('<div class="' + name + '"></div>').hide().appendTo('body').css(prop)
  $('.' + name).remove()
  return /^\d+/.test(value) ? +value : value
}

然后在JS中，使用lil脚本获取变量，如下所示：

var myvar = getLessVar('myvar', 'width')

这对性能不是很好，因为它创建了一个不可见的元素来检索数据，但它可以工作

---

从JS设置变量更为复杂，但您始终可以使用AJAX和一些基本解析器来读取

变量

不过，如果你需要更大的功率，只需使用触控笔即可

modifyVars允许在运行时修改较少的变量。使用新值调用时，将重新编译较少的文件，而无需重新加载。简单的基本用法：

哇，谢谢你的解决方案。尽管我可能不使用它，但它确实帮助我思考了这个问题。
var myvar = getLessVar('myvar', 'width')

less.modifyVars({
    '@buttonFace': '#5B83AD',
    '@buttonText': '#D9EEF2'
});