html - 通过 LESS 和 CSS 动态(在运行时)更改变量？

Question

@myThemeBackground = #ddd;  

div#box1 { background: @myThemeBackground; }  

我正在使用 LESS 以便为我的 css 使用变量。它工作正常，但我想知道是否有办法在运行时通过 javascript 或其他方式动态更改“myThemeBackground”。

也就是说，如果用户为背景选择自定义颜色，我希望整个皮肤都发生变化。

注意:这是为了动态地为应用程序设置主题/皮肤，例如，用户选择背景颜色，然后整个应用程序发生变化(无需刷新页面)

Answer 1

您可以使用 modifyVars 方法即时修改 Less 变量:

less.modifyVars({ myThemeBackground : '#000' });