这里有很多关于使用 LESS 动态更新颜色的讨论，例如：使用 JavaScript 动态更改页面中的 LESS 变量。但我还没有看到一些专门解决我的挑战的东西。
我们公司提供网络软件，为用户提供广泛的用户界面灵活性，包括整体背景颜色。但是有许多元素是他们无法更改的，这些元素需要具有背景颜色才能提供适当的用户体验（参见我的 Bootstrap Glyphicon 问题 - 当然也欢迎那里的答案）。我想找到一种解决方案，将用户在任何给定时间设置的任何内容作为背景颜色，并将其动态应用于其他元素。我可以通过 Javascript 做到这一点，但似乎我应该能够利用我们在应用程序堆栈中使用 LESS 来有效地创建一个根据用户的 UI 选择动态更新的未设置混合。我尝试了很多次尝试来制定一个 LESS 解决方案，但无济于事。
我是不是吠错了树？在我走JS路线之前，我想看看是否有人可以为这个挑战提出一个基于LESS的解决方案。与往常一样，提前感谢您在这里提供的任何帮助。
我通常不在浏览器中使用 LESS，但通过此处提供的文档，您可以链接到将 less 文件编译为
<!-- Here: include any less plugin scripts, any required browser shims and optionally set less = any options -->
<script src="less.js"></script>
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<link data-dump-line-numbers="all" data-global-vars='{ "myvar": "#ddffee", "mystr": ""quoted"" }' rel="stylesheet/less" type="text/css" href="less/styles.less">
更好的方法是使用配置驱动的 css 生成器，该生成器基于一组参数生成 CSS 文件并通过 CDN 提供服务。
只需在较少的情况下使用变量，但您需要在浏览器中转译或让服务器在变量更改时重新转译 CSS