Benutzen von Themes

Welches Theme ein Projekt nutzt wird mit Hilfe der @Theme Annotation festgelegt.
Diese Annotation muss in der Startseite, also der Klasse mit @Route("") gesetzt werden - wenn diese kein ParentLayout hat.
Falls die Startseite ein ParentLayout hat, muss dort die @Theme Annotation gesetzt werden.

Es gibt zwei vordefinierte Themes: Lumo and Material, wobei Lumo das Default-Theme ist. Es ist auch möglich, Custom-Themes zu definieren. (Mehr zu Custom-Themes im Best Practice Guide)

Wenn kein Theme explizit definiert ist, wird das Lumo-Theme verwendet.
Nur ein einziges Theme kann pro Applikation verwendet werden. Es ist also z.B, nicht möglich gleichzeitig für eine Komponente Theme Lumo zu verwenden und für eine Zweite das Theme Material
Ein Projekt kann mehrere Custom-Themes beinhalten - aber nur eines verwenden
Es ist bei laufender Anwendung kein Theme-Wechsel möglich

Beispiele für das Setzen eines Themes:

Lumo und Material, als auch Custom-Themes können mit dem GUI-Builder über das Drop-Down-Menü rechts oben gesetzt werden.

Manuelle Theme-Änderungen sind erst nach einen Background-Server-Refresh im GUI-Builder sichtbar. Ein Button dafür ist Rechts-Oben im GUI-Builder vorhanden (Siehe Screenshot)