Über die folgenden Variablen kann die Darstellung der Kopfzeile speziell beeinflusst werden.
| Variable | Erklärung | Standard |
|---|---|---|
| top-bar-background-color | Die Hintergrundfarbe der Kopfzeile | #FFFFFF |
| top-bar-background -color-hover | Die Hintergrundfarbe der interaktiven Kopfzeilenelemente beim Hovern | var(--secondary-color-lighter) |
| top-bar-font-color | Die Schriftfarbe innerhalb der Kopfzeile | #4D4D4D |
| top-bar-icon-color | Die Farbe der Icons innerhalb der Kopfzeile | var(--main-icon-color) |
| top-bar-icon- color-hover | Die Farbe der Icons innerhalb der Kopfzeile beim Hovern | var(--top-bar-icon-color) |
| progress-bar-zebra | Die farbigen Streifen innerhalb der Progress Bar | var(--secondary-color-lighter) |