Es ist sowohl möglich alle Menübänder einheitlich anzupassen, als auch Menübänder an einzelnen Stellen speziell zu verändern.

Alle Menübandnavigationen

Variable Erklärung Standard
ribbon-bar-background-color Die Hintergrundfarbe des Menübandes #FFFFFF
ribbon-item-color Die Schriftfarbe der Navigationselemente innerhalb des Menübandes #4D4D4D
ribbon-item-icon-color Die Farbe der Icons der Navigationselemente innerhalb des Menübandes var(--icon-color-idle)
ribbon-item-color-disable Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes #C1C1C1
ribbon-item-icon-color-disable Die Farbe der Icons in inaktiven Navigationselementen innerhalb des Menübands var(--icon-color-disable)
ribbon-item-background-color-hover Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Hovern var(--secondary-color-lighter)
ribbon-item-color-hover Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern var(--ribbon-item-color)
ribbon-item-icon-color-hover Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Hovern var(--icon-color-highlight)
ribbon-item-background-color-active Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Klick var(--secondary-color)
ribbon-item-color-active Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick #FFFFFF
ribbon-item-icon-color-active Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Klick var(--icon-color-contrast)

Standard Menübandnavigationen

Diese Variablen ändern die Menübänder zu Masken und Ansichten sowie im integrierten Text- und Tabellenkalulationseditor und PDF-Viewer.

Variable Erklärung Standard
main-ribbon-bar-background-color Die Hintergrundfarbe des Menübandes var(--ribbon-bar-background-color)
main-ribbon-item-color Die Schriftfarbe der Navigationselemente innerhalb des Menübandes var(--ribbon-item-color)
main-ribbon-item-icon-color Die Farbe der Icons der Navigationselemente innerhalb des Menübandes var(--ribbon-item-icon-color)
main-ribbon-item-color-disable Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes var(--ribbon-item-color-disable)
main-ribbon-item-icon-color-disable Die Farbe der Icons in inaktiven Navigationselementen innerhalb des Menübands var(--ribbon-item-icon-color-disable)
main-ribbon-item-background-color-hover Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Hovern var(--ribbon-item-background-color-hover)
main-ribbon-item-color-hover Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern var(--ribbon-item-color-hover)
main-ribbon-item-icon-color-hover Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Hovern var(--ribbon-item-icon-color-hover)
main-ribbon-item-background-color-active Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Klick var(--ribbon-item-background-color-active)
main-ribbon-item-color-active Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick var(--ribbon-item-color-active)
main-ribbon-item-icon-color-active Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Klick var(--ribbon-item-icon-color-active)

Menübänder in Detailansichten

Diese Variablen betreffen die Menübänder in Detailansichten.

Variable Erklärung Standard
detail-ribbon-bar-background-color Die Hintergrundfarbe des Menübandes var(--form-bar-background-color)
detail-ribbon-item-color Die Schriftfarbe der Navigationselemente innerhalb des Menübandes var(--form-item-color)
detail-ribbon-item-icon-color Die Farbe der Icons der Navigationselemente innerhalb des Menübandes var(--form-item-icon-color)
detail-ribbon-item-color-disable Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes var(--form-item-color-disable)
detail-ribbon-item-icon-color-disable Die Farbe der Icons in inaktiven Navigationselementen innerhalb des Menübands var(--form-item-icon-color-disable)
detail-ribbon-item-background-color-hover Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Hovern var(--form-item-background-color-hover)
detail-ribbon-item-color-hover Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern var(--form-item-color-hover)
detail-ribbon-item-icon-color-hover Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Hovern var(--form-item-icon-color-hover)
detail-ribbon-item-background-color-active Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Klick var(--form-item-background-color-active)
detail-ribbon-item-color-active Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick var(--form-item-color-active)
detail-ribbon-item-icon-color-active Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Klick var(--form-item-icon-color-active)

Menübandnavigationen in Maskensteuerlementen

Diese Variablen ändern die Menübänder aller Maskensteuerelemente.

Variable Erklärung Standard
form-ribbon-bar-background-color Die Hintergrundfarbe des Menübandes var(--ribbon-bar-background-color)
form-ribbon-item-color Die Schriftfarbe der Navigationselemente innerhalb des Menübandes var(--ribbon-item-color)
form-ribbon-item-icon-color Die Farbe der Icons der Navigationselemente innerhalb des Menübandes var(--ribbon-item-icon-color)
form-ribbon-item-color-disable Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes var(--ribbon-item-color-disable)
form-ribbon-item-icon-color-disable Die Farbe der Icons in inaktiven Navigationselementen innerhalb des Menübands var(--ribbon-item-icon-color-disable)
form-ribbon-item-background-color-hover Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Hovern var(--ribbon-item-background-color-hover)
form-ribbon-item-color-hover Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern var(--ribbon-item-color-hover)
form-ribbon-item-icon-color-hover Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Hovern var(--ribbon-item-icon-color-hover)
form-ribbon-item-background-color-active Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Klick var(--ribbon-item-background-color-active)
form-ribbon-item-color-active Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick var(--ribbon-item-color-active)
form-ribbon-item-icon-color-active Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Klick var(--ribbon-item-icon-color-active)

Maskensteuerelement „HTML Editor”

Der HTML Editor verfügt über ein eigenes Menüband, dessen Farben über diese Variablen bestimmt werden können.

Variable Erklärung Standard
html-editor-ribbon-bar-background-color Die Hintergrundfarbe des Menübandes var(--form-ribbon-bar-background-color)
html-editor-ribbon-item-color Die Schriftfarbe der Navigationselemente innerhalb des Menübandes var(--form-ribbon-item-color)
html-editor-ribbon-item-icon-color Die Farbe der Icons der Navigationselemente innerhalb des Menübandes var(--form-ribbon-item-icon-color)
html-editor-ribbon-item-color-disable Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes var(--form-ribbon-item-color-disable)
html-editor-ribbon-item-icon-color-disable Die Farbe der Icons in inaktiven Navigationselementen innerhalb des Menübands var(--form-ribbon-item-icon-color-disable)
html-editor-ribbon-item-background-color-hover Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Hovern var(--form-ribbon-item-background-color-hover)
html-editor-ribbon-item-color-hover Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern var(--detail-ribbon-item-color-hover)
html-editor-ribbon-item-icon-color-hover Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Hovern var(--form-ribbon-item-icon-color-hover)
html-editor-ribbon-item-background-color-active Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Klick var(--form-ribbon-item-background-color-active)
html-editor-ribbon-item-color-active Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick var(--form-ribbon-item-color-active)
html-editor-ribbon-item-icon-color-active Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Klick var(--form-ribbon-item-icon-color-active)

Maskensteuerelement „Anhänge”

Das Anhänge-Steuerelement verfügt über ein eigenes Menüband, dessen Farben über diese Variablen bestimmt werden können.

Variable Erklärung Standard
attachment-ribbon-bar-background-color Die Hintergrundfarbe des Menübandes var(--form-ribbon-bar-background-color)
attachment-ribbon-item-color Die Schriftfarbe der Navigationselemente innerhalb des Menübandes var(--form-ribbon-item-color)
attachment-ribbon-item-icon-color Die Farbe der Icons der Navigationselemente innerhalb des Menübandes var(--form-ribbon-item-icon-color)
attachment-ribbon-item-color-disable Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes var(--form-ribbon-item-color-disable)
attachment-ribbon-item-icon-color-disable Die Farbe der Icons in inaktiven Navigationselementen innerhalb des Menübands var(--form-ribbon-item-icon-color-disable)
attachment-ribbon-item-background-color-hover Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Hovern var(--form-ribbon-item-background-color-hover)
attachment-ribbon-item-color-hover Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern var(--form-ribbon-item-color-hover)
attachment-ribbon-item-icon-color-hover Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Hovern var(--form-ribbon-item-icon-color-hover)
attachment-ribbon-item-background-color-active Die Hintergrundfarbe des Navigationselementes innerhalb des Menübandes beim Klick var(--form-ribbon-item-background-color-active)
attachment-ribbon-item-color-active Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick var(--form-ribbon-item-color-active)
attachment-ribbon-item-icon-color-active Die Farbe der Icons der Navigationselemente innerhalb des Menübandes beim Klick var(--form-ribbon-item-icon-color-active)