DokumentationThema
UI-Farben
Einstellung | Beschreibung |
|---|---|
Text | Farbe für die meisten Texte. |
Hintergrund Farbton | Farbe für den Hintergrund des Dashboards. Diese Farbe wird verwendet, um die meisten Farben abzuleiten, die die allgemeine Benutzeroberfläche ausmachen, |
Akzent 1 | Farbe für wichtige Elemente, wie z. B. das aktuelle Navigationselement in einer beliebigen Navigation, Speicherschaltflächen in Dialogen oder das Symbol der Widget-Schublade im Bearbeitungsmodus. |
Akzent 2 | Farbe für weniger wichtige aktionsfähige Elemente, wie Hilfe- und Beschreibungsblasen oder kleinere Aktionen in Widgets (wie "Filter zurücksetzen" in der Filtermatrix). |
Status Farben
Einstellung | Beschreibung |
|---|---|
OK | Farbe für Objekte im Zustand OK. Weitere Informationen finden Sie in der Dokumentation der Engine. |
Warning | Farbe für Objekte im Zustand Warning. Weitere Informationen finden Sie in der Engine-Dokumentation. |
Minor | Farbe für Objekte im Status Minor. Weitere Informationen finden Sie in der Engine-Dokumentation. |
Major | Farbe für Objekte im Zustand Major. Weitere Informationen finden Sie in der Engine-Dokumentation. |
Wartungen | Farbe für Objekte im Zustand Wartung. Weitere Informationen finden Sie in der Engine-Dokumentation. |
No Data | Farbe für Objekte im Zustand No Data. Weitere Informationen finden Sie in der Engine-Dokumentation. |
Undefined (Undefiniert) | Farbe für Objekte im Zustand Undefined. Weitere Informationen finden Sie in der Engine-Dokumentation. |
Verwendung von Themenfarben in benutzerdefiniertem CSS
Alle im Themenabschnitt definierten Farben (und viele Zwischenfarben) können über benutzerdefinierte Eigenschaften in CSS verwendet werden. Verwenden Sie diese Werte mit der Syntax var(--custom-name).
--color-min --color-max --color-background --color-background-dim --color-area --color-area-accent-1 --color-area-accent-2 --color-area-major --color-area-dim --color-area-dim-accent-1 --color-area-dim-accent-2 --color-area-dim-major --color-area-dimmer --color-line --color-line-dim --color-line-dimmer --color-text --color-text-ui --color-text-dim --color-text-accent-1 --color-text-accent-2 --color-text-ok --color-text-warning --color-text-minor --color-text-major