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-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-color Die Schriftfarbe in Widgets #4D4D4D
widget-color-hover Die Schriftfarbe in Widgets beim Hovern var(--secondary-color)
widget-color-highlight Die Schriftfarbe in alktiven Widgetelementen (z.B. aufgeklappte Navigation) var(--widget-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)
Die Farbe von Icons innerhalb eines aktiven Widgetelements var(--widget-icon-color-hover)
widget-border-color Die Rahmenfarbe von Widgetelementen transparent
widget-border-color-hover Die Rahmenfarbe eines Widgetelements beim Hovern var(--widget-color-hover)
widget-border-color-highlight Die Rahmenfarbe eines aktiven Widgetelements var(--widget-color-highlight)