vaadin - 如何在 Vaadin 的 Valo 之上创建不同的主题？

Question

现在 vaadin 7.3 已经出来了，它有非常好的 Valo Theme 。但我不知道如何将其导入到我的项目中？现在我将默认主题与我的自定义 scss 文件一起使用。我想尝尝Valo。请有人帮助我如何将 valo 主题导入到我的项目中。

此外，如何选择主题样式？ Valo Theme Demo具有不同的主题样式，例如默认、蓝图、深色、Metro、扁平。如何按照自己的意愿选择这个类别？

Answer 1

除了接受的答案之外，您可以在 UI 类上使用 @Theme 注释指定主题，并通过在 VAADIN\下创建一个包含主题名称的文件夹来扩展主题主题。

在该文件夹中，您将创建 styles.scss 和 .scss:

样式.scss

@import "licensing.scss";

.licensing {
  @include licensing;
}

许可.scss

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

@mixin licensing {
  @include valo;
}

主题注释:Example on github .

主题文件:Example theme folder .