如何在 Vaadin 的 Valo 之上创建不同的主题?

问题描述

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

Now vaadin 7.3 has came out and it has the very nice Valo Theme . But I don't know how to import it to my project? Now I am using a default theme with my custom scss files. I would like to taste Valo . Please somebody help me how to import valo theme to my project.

另外，如何选择主题样式?Valo 主题演示具有不同的主题样式，例如默认、蓝图、暗色、地铁、平面.如何根据需要选择这些类别?

More over, how can I choose theme styles? Valo Theme Demo has different theme styles such as Default, Blueprint, Dark, Metro, Flat. How to choose this categories as I wish?

推荐答案

阅读精美手册:https://vaadin.com/book/vaadin7/-/page/themes.valo.html#themes.valo.use

有一整节专门介绍 Valo

there is a whole section dedicated to Valo

在 valo-demo 中看到的 Valo 之上的不同主题都是通过书中看到的主要SASS变量的设置.

the different themes on top of Valo as seen in the valo-demo are all done with the setting of the main SASS variables seen in the book.

例如https://github.com/vaadin/valo-demo/blob/master/src/main/webapp/VAADIN/themes/tests-valo-flatdark/_variables.scss

这篇关于如何在 Vaadin 的 Valo 之上创建不同的主题?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！