Themes

Unterschiedliche Darstellung von Steuerelementen je nach gewähltem Farbschema.

Ein Theme ist ein Farbschema (eine Liste von ausgewählten Farben), das auf alle Steuerelemente angewendet wird, die Theme-Farben verwenden. In jedem neuen Webclient-Projekt sind bereits drei Themes enthalten, welche zur Laufzeit auf Knopfdruck umgeschaltet werden können:

Light Theme

Heller Hintergrund, dunkle Schrift, blaue Akzente

Dark Theme

Dunkler Hintergrund, helle Schrift, blaue Akzente

Green Theme

Heller Hintergrund, dunkle Schrift, grüne Akzente

Um zu sehen, wie sich die in VisiWin mitgelieferten Themes auswirken, starten Sie ein neues Web UI Client-Projekt. Wählen Sie in der App auf der Seite "Settings" unter "Themes" das gewünschte Theme aus. Die Farben der App werden sofort umgeschaltet.

Farbdefinitionen

Standardmäßig verwenden alle Steuerelemente Theme-Farben. Dies sind Farben, die je nach gewähltem Theme anders aussehen können.

Beisoiel: Die Farbe "@ForegroundColor" (Farbe des Texts/Symbols in einem Steuerelement) entspricht im Light Theme der Farbe Schwarz, im Dark Theme hingegen der Farbe Weiß.

Theme-Farben werden in JSON-Dateien (z. B. lighttheme.json) u. a. über RGB-Farbcodes definiert. Diese Farbdefinitionsdateien sind im Client-Projektverzeichnis im Ordner resourcesWthemes zu finden. Damit ein Theme zur Laufzeit verfügbar ist, muss die entsprechende JSON-Datei in der Datei "appsettings.json" im Eintrag "Themes" aufgeführt sein. Die Appsettings-Datei ist im Client-Projektverzeichnis zu finden.