Vaadin：动态更改CSS变量

有没有办法动态更改lumo原色：

html {
  --lumo-primary-text-color: hsl(214, 35%, 15%);
  --lumo-primary-color-50pct: rgba(140, 236, 0, 0.5);
  --lumo-primary-color-10pct: rgba(140, 236, 0, 0.1);
  --lumo-primary-color: #8CEC00;
  --lumo-primary-contrast-color: hsl(214, 35%, 15%);
}

提前谢谢

致以最良好的祝愿，

---

Thomas

CSS变量可以像这样从Java动态更新

UI.getCurrent().getElement().getStyle().set("--lumo-primary-text-color", "hsl(214, 35%, 15%)")

---

这将更新整个UI的变量值。如果只想更改特定组件（及其子组件）的变量，则可以仅对该组件调用

getElement（）.getStyle（）.set（）

。

Hi！这可能对你有用：你好！我使用主题编辑器来获取我的颜色。但是我如何在应用程序中实时更改它们？@Thomas你的意思是想在运行时以编程方式更改它们？比如让用户改变一些颜色？如果是这样，你想用Java来做吗？你好，塔瑞克！是的，我想在运行时更改颜色。哇，太简单了！谢谢：）