Custom Theme Workflow

Custom-Theme erstellen mit dem Lumo theme editor

1. In Rapidclipse ein neues Custom-Theme erstellen (Danach Rechtsklick auf Projekt und Refresh klicken)

   

2. Css-Code dann beim Download kopieren und in die “styles.css” einfügen

   

3. Im MainLayout oder der View mit der Route(““) die Theme-Annotation hinzufügen

   @Theme(themeFolder = "My-Cool-Theme")
   public class MainLayout extends VerticalLayout implements PageConfigurator, RouterLayout
   {

4. Designer-Server refreshen um die Änderungen zu sehen (Für kleine Änderungen in den Dateien kann der Gelbe Refresh Pfeil daneben benutzt werden)