Seiten
Es können Anpassungen für generelle Farben innherhalb einer Seite gemacht werden.
| Variable | Erklärung | Standard |
|---|---|---|
| page-background-color | Die Hintergrundfarbe einer Seite (ohne Widgets) | var(--main-background-color) |
Widgets
Es können Anpassungen für Farben innerhalb aller Widgets gemacht werden. Hierbei gilt es jedoch zu beachten, dass nicht alle Widgets über alle Eigenschaften verfügen. Außerdem verfügen die meisten Widgets über weitere spezifischere Einstellungen.
| Variable | Erklärung | Standard |
|---|---|---|
| widget-title-font-color | Die Schriftfarbe des Widgettitels, orientiert sich an Gruppenüberschriften | var(--group-headline-color) |
| widget-title-background-color | Die Hintergrundfarbe des Widgettitels | var(--main-background-color) |
| widget-action-icon-color | Die Farbe der Aktionsicons in der oberen rechten Ecke eines Widgets | var(--invert(73%) sepia(8%) saturate(0%) hue-rotate(189deg) brightness(81%) contrast(84%);) |
| widget-action-icon-color | Die Farbe des gehoverten Aktionsicons in der oberen rechten Ecke eines Widgets | var(--icon-color-highlight) |
| widget-font-color | Die Schriftfarbe in Widgets | var(--main-font-color) |
| widget-font-color-hover | Die Schriftfarbe in Widgets beim Hovern | var(--secondary-color) |
| widget-font-color-highlight | Die Schriftfarbe in alktiven Widgetelementen (z.B. aufgeklappte Navigation) | var(--widget-font-color-hover) |
| widget-icon-color | Die Farbe von Icons innerhalb eines Widgets | var(--icon-color-idle) |
| widget-icon-color-hover | Die Farbe von Icons innerhalb eines Widgets beim Hovern | var(--icon-color-highlight) |
| widget-icon-color-highlight | Die Farbe von Icons innerhalb eines aktiven Widgetelements | var(--widget-icon-color-hover) |
| widget-frame-color | Die Farbe des Rahmens, welcher, bei aktiver Konfigurationsoption, um ein Widget herum angezeigt wird | var(--light-border-color) |
| widget-font-color-blocked | Die Schriftfarbe des Textes in blockierten Widgets | var(--main-font-color) |