有些时候,我们希望能够让用户自定义网页的主题色,对于 Quasar 来说,特别是 primary。更进一步,我们希望主题色分为多阶(好比提供的 red-1,red-2 系列),均能同步改变。
Quasar 提供了 getCssVar 和 setCssVar 两个设置 CSS 变量的函数,其效果是在 DOM 根结点的 style 加上对应的变量声明。
例如 setCssVar("primary", "red"),那么它会设置 --q-primary: red,加上一个 --q- 前缀。这样所有的 primary color 都会变成设定的颜色。
Original...About 1 min