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-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 | #4D4D4D |
| 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) |