Theme

Durch Festlegen des Wörterbuchs theme auf Root-Ebene kann ein einheitlicher Oberflächenstil konfiguriert werden. Alle Komponenten und Unterseiten erben alle Felder des Theme-Wörterbuchs auf Root-Ebene.

tipp

Um den Stil einer einzelnen Komponente festzulegen, setzen Sie das Wörterbuch theme im jeweiligen Komponentenwörterbuch. Das Feld theme der Komponente überschreibt theme auf Root-Ebene; daraus entsteht eine zusammengeführte Darstellung. Verschiedene Komponenten können eigene Theme-Eigenschaften besitzen; Einzelheiten finden Sie in der Tabelle Theme-Schlüssel der jeweiligen Komponente.

Wenn eine Komponente mit einer Nicht-XUI-Unterseite (z. B. Option/MultipleOption/OrderedOption/EditableList) verknüpft ist, verwendet die Unterseite das theme-Wörterbuch der Komponente. Bei einer Verknüpfung mit einer anderen XUI-Unterseite (z. B. Link) kann die Unterseite ein eigenes theme-Wörterbuch festlegen, das mit dem Theme der übergeordneten Seite zusammengeführt wird.

Oberfläche

Schlüssel	Typ	Beschreibung
style	Stil	Oberflächenstil
tintColor	Farbe	Vordergrundfarbe
backgroundColor	Farbe	Hintergrundfarbe
separatorColor	Farbe	Farbe der Trennlinien zwischen Komponenten
backgroundImage	Zeichenfolge	Relativer Pfad zum Hintergrundbild

Navigationsleiste

Schlüssel	Typ	Beschreibung
navigationBarColor	Farbe	Hintergrundfarbe der Navigationsleiste
navigationTitleColor	Farbe	Titelfarbe der Navigationsleiste

Kopf- und Fußbereich

Schlüssel	Typ	Beschreibung
headerTextColor	Farbe	Textfarbe von header
subheaderTextColor	Farbe	Textfarbe von subheader
footerTextColor	Farbe	Textfarbe des Fußbereichs
headerBackgroundColor	Farbe	Hintergrundfarbe von header
footerBackgroundColor	Farbe	Hintergrundfarbe des Fußbereichs

Allgemeine Komponenten

Schlüssel	Typ	Beschreibung
cellBackgroundColor	Farbe	Hintergrundfarbe der Komponente
disclosureIndicatorColor	Farbe	Farbe des Komponentenindikators
selectedColor	Farbe	Auswahlfarbe
highlightedColor	Farbe	Hervorhebungsfarbe
labelColor	Farbe	Textfarbe des Titels
valueColor	Farbe	Textfarbe des Werts

Status

Schlüssel	Typ	Beschreibung
dangerColor	Farbe	Fehlerfarbe
warningColor	Farbe	Warnfarbe
successColor	Farbe	Erfolgsfarbe

Stil

style	Beschreibung
Grouped	Gruppenstil (Standard)
Plain	Flacher Stil

Der Typ Farbe ist eine hexadezimale RGB/RGBA-Zeichenfolge, die mit # beginnt; #FF0000 steht beispielsweise für Rot.