Diese Variablen beeinflussen das Design des Navigationswidgets.
| Variable | Erklärung | Standard |
|---|---|---|
| navigation-widget-background-color | Die Hintergrundfarbe des Widgets | var(--main-background-color) |
| navigation-widget-regular-size-background-color | Die Hintergrundfarbe des Widgets bei mittlerer Größe | var(--navigation-widget-background-color ) |
| navigation-widget-small-size-background-color | Die Hintergrundfarbe des Widgets bei kleiner Größe | var(--navigation-widget-background-color ) |
| navigation-widget-tall-size-background-color | Die Hintergrundfarbe des Widgets bei großer Größe | var(--navigation-widget-background-color ) |
| navigation-widget-font-color | Die Schriftfarbe des Widgets | var(--widget-font-color) |
| navigation-widget-font-color-hover | Die Schriftfarbe in Widgets beim Hovern | var(--widget-font-color-hover) |
| navigation-widget-font-color-highlight | Die Schriftfarbe in alktiven Widgetelementen (z.B. aufgeklappte Navigation) | var(--widget-font-color-highlight) |
| navigation-widget-icon-color | Die Farbe von Icons innerhalb eines Widgets | var(--widget-icon-color) |
| navigation-widget-icon-color-hover | Die Farbe von Icons innerhalb eines Widgets beim Hovern | var(--widget-icon-color-hover) |
| navigation-widget-icon-color-highlight | Die Farbe von Icons innerhalb eines aktiven Widgetelements | var(--widget-icon-color-highlight) |
| navigation-widget-border-color-highlight | Die Rahmenfarbe eines aktiven Widgetelements | var(--widget-color-highlight) |