Über die folgenden Variablen kann die Darstellung des Menüs speziell beeinflusst werden.
Variable | Erklärung | Standard |
---|---|---|
app-menu-border-color | Die Rahmenfarbe des Anwendungsmenü | var(--dropdown-container-border-color) |
app-menu-border-top-color | Die Rahmenfarbe (oben) des Anwendungsmenü | var(--dropdown-container-border-top-color) |
app-menu-level-border-left-color | Die Rahmenfarbe zwischen Niveaus | var(--app-menu-border-color) |
app-menu-second-level-border-left-color | Die Rahmenfarbe zwischen Niveaus eins und zwei | var(--app-menu-level-border-left-color) |
app-menu-third-level-border-left-color | Die Rahmenfarbe zwischen Niveaus zwei und drei | var(--app-menu-level-border-left-color) |
app-menu-background-color | Die Hintergrundfarbe des Anwendungsmenü | var(--main-background-color) |
app-menu-first-level-background-color | Die Hintergrundfarbe des Anwendungsmenü im ersten Niveau | var(--app-menu-background-color) |
app-menu-second-level-background-color | Die Hintergrundfarbe des Anwendungsmenü im zweiten Niveau | var(--app-menu-background-color) |
app-menu-third-level-background-color | Die Hintergrundfarbe des Anwendungsmenü im dritten Niveau | var(--app-menu-background-color) |
app-menu-background-color-hover | Die Hintergrundfarbe der interaktiven Menüeinträge beim Hovern | var(--secondary-color-lighter) |
app-menu-first-level-background-color-hover | Die Hintergrundfarbe der interaktiven Menüeinträge im ersten Niveau beim Hovern | var(--app-menu-background-color-hover) |
app-menu-second-level-background-color-hover | Die Hintergrundfarbe der interaktiven Menüeinträge im zweiten Niveau beim Hovern | var(--app-menu-background-color-hover) |
app-menu-third-level-background-color-hover | Die Hintergrundfarbe der interaktiven Menüeinträge im dritten Niveau beim Hovern | var(--app-menu-background-color-hover) |
app-menu-font-color | Die Schriftfarbe des Anwendungsmenü | var(--main-font-color) |
app-menu-first-level-font-color | Die Schriftfarbe des Anwendungsmenü im ersten Niveau | var(--app-menu-font-color) |
app-menu-second-level-font-color | Die Schriftfarbe des Anwendungsmenü im zweiten Niveau | var(--app-menu-font-color) |
app-menu-third-level-font-color | Die Schriftfarbe des Anwendungsmenü im dritten Niveau | var(--app-menu-font-color) |
app-menu-font-color-hover | Die Schriftfarbe des Anwendungsmenü beim Hovern | var(--app-menu-font-color) |
app-menu-first-level-font-color-hover | Die Schriftfarbe des Anwendungsmenü im ersten Niveau beim Hovern | var(--app-menu-font-color-hover) |
app-menu-second-level-font-color-hover | Die Schriftfarbe des Anwendungsmenü im zweiten Niveau beim Hovern | var(--app-menu-font-color-hover) |
app-menu-third-level-font-color-hover | Die Schriftfarbe des Anwendungsmenü im dritten Niveau beim Hovern | var(--app-menu-font-color-hover) |
app-menu-icon-color | Die Farbe der Icons innerhalb des Menüs | var(--icon-color-idle) |
app-menu-first-level-icon-color | Die Farbe der Icons innerhalb des Menüs im ersten Niveau | var(--app-menu-icon-color) |
app-menu-second-level-icon-color | Die Farbe der Icons innerhalb des Menüs im zweiten Niveau | var(--app-menu-icon-color) |
app-menu-third-level-icon-color | Die Farbe der Icons innerhalb des Menüs im dritten Niveau | var(--app-menu-icon-color) |
app-menu-icon-color-hover | Die Farbe der Icons innerhalb des Menüs beim Hovern | var(--app-menu-icon-color) |
app-menu-first-level-icon-color-hover | Die Farbe der Icons innerhalb des Menüs beim Hovern im ersten Niveau | var(--app-menu-icon-color-hover) |
app-menu-second-level-icon-color-hover | Die Farbe der Icons innerhalb des Menüs beim Hovern im zweiten Niveau | var(--app-menu-icon-color-hover) |
app-menu-third-level-icon-color-hover | Die Farbe der Icons innerhalb des Menüs beim Hovern im dritten Niveau | var(--app-menu-icon-color-hover) |
app-menu-pin-icon-color | Die Farbe der anheften Icons innerhalb des Menüs | var(--icon-color-idle) |
app-menu-first-level-pin-icon-color | Die Farbe der anheften Icons innerhalb des Menüs im ersten Niveau | var(--app-menu-pin-icon-color) |
app-menu-second-level-pin-icon-color | Die Farbe der anheften Icons innerhalb des Menüs im zweiten Niveau | var(--app-menu-pin-icon-color) |
app-menu-third-level-pin-icon-color | Die Farbe der anheften Icons innerhalb des Menüs im dritten Niveau | var(--app-menu-pin-icon-color) |
app-menu-pin-icon-color-hover | Die Farbe der anheften Icons innerhalb des Menüs beim Hovern | var(--app-menu-pin-icon-color) |
app-menu-first-level-pin-icon-color-hover | Die Farbe der anheften Icons innerhalb des Menüs beim Hovern im ersten Niveau | var(--app-menu-pin-icon-color-hover) |
app-menu-second-level-pin-icon-color-hover | Die Farbe der anheften Icons innerhalb des Menüs beim Hovern im zweiten Niveau | var(--app-menu-pin-icon-color-hover) |
app-menu-third-level-pin-icon-color-hover | Die Farbe der anheften Icons innerhalb des Menüs beim Hovern im dritten Niveau | var(--app-menu-pin-icon-color-hover) |
app-menu-item-separator-color | Die Farbe der Trennlinie zwischen Menüeinträge innerhalb des Menüs | var(--default-border-color) |
app-menu-first-level-item-separator-color | Die Farbe der Trennlinie zwischen Menüeinträge innerhalb des Menüs im ersten Niveau | var(--app-menu-item-separator-color) |
app-menu-second-level-item-separator-color | Die Farbe der Trennlinie zwischen Menüeinträge innerhalb des Menüs im zweiten Niveau | var(--app-menu-item-separator-color) |
app-menu-third-level-item-separator-color | Die Farbe der Trennlinie zwischen Menüeinträge innerhalb des Menüs im dritten en Niveau | var(--app-menu-item-separator-color) |
app-menu-filter-results-count-font-color | Die Schriftfarbe der Anzahlanzeige beim Filtern | var(--app-menu-background-color) |
app-menu-first-level-filter-results-count-font-color | Die Schriftfarbe der Anzahlanzeige beim Filtern im ersten Niveau | var(--app-menu-filter-results-count-font-color) |
app-menu-second-level-filter-results-count-font-color | Die Schriftfarbe der Anzahlanzeige beim Filtern im zweiten Niveau | var(--app-menu-filter-results-count-font-color) |
app-menu-third-level-filter-results-count-font-color | Die Schriftfarbe der Anzahlanzeige beim Filtern im dritten Niveau | var(--app-menu-filter-results-count-font-color) |
app-menu-filter-results-count-font-color-hover | Die Schriftfarbe der Anzahlanzeige beim Filtern beim Hovern | var(--app-menu-filter-results-count-font-color) |
app-menu-first-level-filter-results-count-font-color-hover | Die Schriftfarbe der Anzahlanzeige beim Filtern beim Hovern im ersten Niveau | var(--app-menu-filter-results-count-font-color-hover) |
app-menu-second-level-filter-results-count-font-color-hover | Die Schriftfarbe der Anzahlanzeige beim Filtern beim Hovern im zweiten Niveau | var(--app-menu-filter-results-count-font-color-hover) |
app-menu-third-level-filter-results-count-font-color-hover | Die Schriftfarbe der Anzahlanzeige beim Filtern beim Hovern im dritten Niveau | var(--app-menu-filter-results-count-font-color-hover) |
app-menu-filter-results-count-background-color | Die Hintergrundfarbe der Anzahlanzeige beim Filtern | var(--secondary-color) |
app-menu-first-level-filter-results-count-background-color | Die Hintergrundfarbe der Anzahlanzeige beim Filtern im ersten Niveau | var(--app-menu-filter-results-count-background-color) |
app-menu-second-level-filter-results-count-background-color | Die Hintergrundfarbe der Anzahlanzeige beim Filtern im zweiten Niveau | var(--app-menu-filter-results-count-background-color) |
app-menu-third-level-filter-results-count-background-color | Die Hintergrundfarbe der Anzahlanzeige beim Filtern im dritten Niveau | var(--app-menu-filter-results-count-background-color) |
app-menu-filter-results-count-background-color-hover | Die Hintergrundfarbe der Anzahlanzeige beim Filtern beim Hovern | var(--app-menu-filter-results-count-background-color) |
app-menu-first-level-filter-results-count-background-color-hover | Die Hintergrundfarbe der Anzahlanzeige beim Filtern beim Hovern im ersten Niveau | var(--app-menu-filter-results-count-background-color-hover) |
app-menu-second-level-filter-results-count-background-color-hover | Die Hintergrundfarbe der Anzahlanzeige beim Filtern beim Hovern im zweiten Niveau | var(--app-menu-filter-results-count-background-color-hover) |
app-menu-third-level-filter-results-count-background-color-hover | Die Hintergrundfarbe der Anzahlanzeige beim Filtern beim Hovern im dritten Niveau | var(--app-menu-filter-results-count-background-color-hover) |
app-menu-search-results-empty-title-font-color | Die Schriftfarbe des Titels in der „Keine Treffer“-Anzeige | var(--main-title-font-color) |
app-menu-hyperlink-font-color | Die Schriftfarbe von Hyperlinks im Navigationsmenü | var(--hyperlink-font-color) |
app-menu-hyperlink-font-color-hover | Die Schriftfarbe von Hyperlinks im Navigationsmenü beim Hovern | var(--hyperlink-font-color-hover) |