Wie erstelle ich verschiedene Themen auf Valo in Vaadin?

Question

Jetzt ist Vaadin 7.3 herausgekommen und es hat die sehr nette Valo Theme. Aber ich weiß nicht, wie man es in mein Projekt importiert? Jetzt verwende ich ein Standardthema mit meinen eigenen scss-Dateien. Ich würde gerne probieren Valo. Bitte helfen Sie mir, Valo Theme in mein Projekt zu importieren.

Mehr über, wie kann ich Thema Stile wählen? Valo Theme Demo hat verschiedene Thema Stile wie Default, Blueprint, Dark, Metro, Wohnung. Wie wähle ich diese Kategorien aus?

Answer 1

lasen das Handbuch: https://vaadin.com/book/vaadin7/-/page/themes.valo.html#themes.valo.use

gibt es einen ganzen Abschnitt Valo

die verschiedene Themen auf der Valo gewidmet, wie in den valo-demo ist alles getan, was mit der Einstellung des wichtigsten SASS Variablen gesehen im Buch.

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

Answer 2

Im Anschluss an die akzeptierten Antwort, können Sie das Thema geben Sie die @Theme Anmerkung auf Ihrer UI-Klasse und das Thema erweitern, indem Sie einen Ordner mit dem Namen Ihres Themas unter VAADIN\themes zu schaffen.

In diesem Ordner Sie eine styles.scss und .scss schaffen würde:

styles.scss

@import "licensing.scss"; 

.licensing { 
    @include licensing; 
} 

licensing.scss

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

@mixin licensing { 
    @include valo; 
} 

Thema Anmerkung: Example on github.

Themen-Dateien: Example theme folder.