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-font-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-font-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-font-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-font-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-font-color | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes | var(--ribbon-item-font-color) |
| main-ribbon-item-icon-color | Die Farbe der Icons der Navigationselemente innerhalb des Menübandes | var(--ribbon-item-icon-color) |
| main-ribbon-item-font-color-disable | Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes | var(--ribbon-item-font-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-font-color-hover | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern | var(--ribbon-item-font-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-font-color-active | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick | var(--ribbon-item-font-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-font-color | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes | var(--form-item-font-color) |
| detail-ribbon-item-icon-color | Die Farbe der Icons der Navigationselemente innerhalb des Menübandes | var(--form-item-icon-color) |
| detail-ribbon-item-font-color-disable | Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes | var(--form-item-font-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-font-color-hover | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern | var(--form-item-font-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-font-color-active | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick | var(--form-item-font-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-font-color | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes | var(--ribbon-item-font-color) |
| form-ribbon-item-icon-color | Die Farbe der Icons der Navigationselemente innerhalb des Menübandes | var(--ribbon-item-icon-color) |
| form-ribbon-item-font-color-disable | Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes | var(--ribbon-item-font-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-font-color-hover | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern | var(--ribbon-item-font-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-font-color-active | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick | var(--ribbon-item-font-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-font-color | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes | var(--form-ribbon-item-font-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-font-color-disable | Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes | var(--form-ribbon-item-font-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-font-color-hover | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern | var(--detail-ribbon-item-font-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-font-color-active | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick | var(--form-ribbon-item-font-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-font-color | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes | var(--form-ribbon-item-font-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-font-color-disable | Die Schriftfarbe inaktiver Navigationselemente innerhalb des Menübandes | var(--form-ribbon-item-font-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-font-color-hover | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Hovern | var(--form-ribbon-item-font-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-font-color-active | Die Schriftfarbe der Navigationselemente innerhalb des Menübandes beim Klick | var(--form-ribbon-item-font-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) |