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-bar-border-color | Rahmenfarbe der Tableiste im Haupttab-Bereich | var(--tab-bar-border-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) |
main-tab-border-color-highlight | Rahmenfarbe des aktiven Tabs im Haupttab-Bereich | var(--main-tab-font-color-highlight) |
| main-tab-bar-command-button-background-color | Die Hintergrundfarbe eines Command-Buttons (z.b. Widgetkatalog) im Haupttab-Bereich | var(—page-background-color)@ |
main-tab-bar-command-button-icon-color | Die Farbe des Icons in einem Command-Button im Haupttab-Bereich | var(--icon-color-idle) |
main-tab-bar-command-button-background-color-hover | Die Hintergrundfarbe eines Command-Buttons im Haupttab-Bereich beim Hovern | var(--main-tab-bar-command-button-background-color) |
main-tab-bar-command-button-icon-color-hover | Die Farbe des Icons in einem Command-Button im Haupttab-Bereich beim Hovern | var(--icon-color-highlight) |
main-tab-bar-command-button-background-color-highlight | Die Hintergrundfarbe eines hervorgehobenen Command-Buttons im Haupttab-Bereich | var(--secondary-color) |
main-tab-bar-command-button-icon-color-highlight | Die Farbe des Icons in einem hervorgehobenen Command-Button im Haupttab-Bereich | var(--icon-color-contrast) |