Die folgenden Variablen wirken sich auf die Anwendungstabs aus.
| Variable | Erklärung | Standard |
|---|---|---|
| main-tab-bar-background-color | Hintergrundfarbe des Haupttab-Bereichs | var(--tab-bar-background-color) |
| main-tab-background-color-hover | Hintergrundfarbe des gehoverten Tabs | var(--main-tab-bar-background-color) |
| main-tab-background-color-highlight | Hintergrundfarbe des aktiven Tabs | var(--tab-background-color-highlight) |
| main-tab-font-color | Die Schriftfarbe eines inaktiven Tabs | var(--tab-color) |
| main-tab-font-color-hover | Die Schriftfarbe eines gehoverten Tabs | var(--tab-color-hover) |
| main-tab-font-color-highlight | Die Schrift- bzw. Rahmenfarbe eines aktiven Tabs | var(--tab-color-highlight) |
| main-tab-icon-color | Die Farbe des Icons in einem inaktiven Tab | invert(58%) sepia(9%) saturate(0%) hue-rotate(143deg) brightness(99%) contrast(98%) |
| main-tab-icon-color-hover | Die Farbe des Icons in einem gehoverten Tab | var(--main-tab-icon-color-hover) |
| main-tab-icon-color-highlight | Die Farbe des Icons in einem aktiven Tab | var(--icon-color-highlight) |