如何获得 Vaadin Valo Facebook 主题
How to get Vaadin Valo Facebook Theme
所以,我是 Vaadin 的新手,但我有兴趣使用 "Facebook" 主题,如他们的演示所示:https://demo.vaadin.com/valo-theme/#!buttons-and-links(然后在右上角)。但是,在下载最新的 Vaadin 12 系统时,我不知道如何获取 "Facebook" 它们。该文档似乎仅暗示 "Light" 和 "Material" 可用....如果我确定这是我的应用程序的 "best",我如何获得 Facebook 主题?
您链接的测试应用程序 (https://demo.vaadin.com/valo-theme/#!buttons-and-links ) demonstrates features of Valo theme in Vaadin 7 & 8. So this is not directly applicable for Vaadin 10+, e.g. Vaadin 12. In Vaadin 12 there is a new theme system called Lumo. And as you have noticed there are two base variants of it. That "facebook" variant for Vaadin 8 is implemented by just setting few internal SASS variables of Valo (see: https://github.com/vaadin/valo-demo/blob/master/src/main/webapp/VAADIN/themes/tests-valo-facebook/_variables.scss)
在 Lumo 主题系统中,您可以使用 CSS 自定义属性实现类似的功能。您可以在此处找到有关使用的自定义属性的一些信息:https://cdn.vaadin.com/vaadin-lumo-styles/1.3.3/demo/customization.html 因此,通过以类似的方式设置选定的属性,您很可能会获得类似的结果。
所以,我是 Vaadin 的新手,但我有兴趣使用 "Facebook" 主题,如他们的演示所示:https://demo.vaadin.com/valo-theme/#!buttons-and-links(然后在右上角)。但是,在下载最新的 Vaadin 12 系统时,我不知道如何获取 "Facebook" 它们。该文档似乎仅暗示 "Light" 和 "Material" 可用....如果我确定这是我的应用程序的 "best",我如何获得 Facebook 主题?
您链接的测试应用程序 (https://demo.vaadin.com/valo-theme/#!buttons-and-links ) demonstrates features of Valo theme in Vaadin 7 & 8. So this is not directly applicable for Vaadin 10+, e.g. Vaadin 12. In Vaadin 12 there is a new theme system called Lumo. And as you have noticed there are two base variants of it. That "facebook" variant for Vaadin 8 is implemented by just setting few internal SASS variables of Valo (see: https://github.com/vaadin/valo-demo/blob/master/src/main/webapp/VAADIN/themes/tests-valo-facebook/_variables.scss)
在 Lumo 主题系统中,您可以使用 CSS 自定义属性实现类似的功能。您可以在此处找到有关使用的自定义属性的一些信息:https://cdn.vaadin.com/vaadin-lumo-styles/1.3.3/demo/customization.html 因此,通过以类似的方式设置选定的属性,您很可能会获得类似的结果。