Vaadin 如何在瓦丁的瓦洛之上创造不同的主题？

现在瓦丁7.3已经问世，它有着非常好的表现。但我不知道如何将它导入到我的项目中？现在，我在自定义scss文件中使用默认主题。我想尝尝瓦洛的味道。请有人帮助我如何导入valo主题到我的项目

此外，我如何选择主题样式？具有不同的主题样式，例如默认、蓝图、深色、Metro、Flat。如何按照我的意愿选择这些类别？

阅读精细手册：

有一整节专门介绍瓦洛

如中所示，Valo顶部的不同主题都是通过设置书中所示的主要SASS变量完成的

---

e、 g.

除了已接受的答案，您还可以在UI类上使用

@theme

注释指定主题，并通过在

VAADIN\themes

下创建一个包含主题名称的文件夹来扩展主题

在该文件夹中，您将创建一个styles.scss和.scss：

styles.scss

@import "licensing.scss";

.licensing {
  @include licensing;
}

licensing.scss

@import "../valo/valo.scss";

@mixin licensing {
  @include valo;
}

主题批注：

主题文件：