Diese Variablen ändern das Design aller Kalenderansichten.
| Variable | Erklärung | Standard |
|---|---|---|
| calendar-background-color | Die Hintergrundfarbe aller Zellen innherhalb einer Kalenderansicht | var(--main-background-color) |
| calendar-background-color-lowlight | Die Hintergrundfarbe besonders eingefärbter Zellen, wie beispielsweise Arbeitsfreie Zeiten | #E0E0E0 |
| calendar-no-worktime-background-color | Die Hintergrundfarbe arbeitsfreier Zeiten | var(--calendar-background-color-lowlight) |
| calendar-weekend-cell-background-color | Die Hintergrundfarbe von Wochenendtagen | var(--calendar-background-color-lowlight) |
| calendar-other-month-cell-background-color | Die Hintergrundfarbe von Tagen, die sich nicht im selben Monat befinden | var(--calendar-background-color-lowlight) |
| calendar-header-font-color | Schriftfarbe der Kopfzeile in der Kalenderansicht | var(--label-font-color) |
| calendar-header-background-color | Die Hintergrundfarbe der Kopfzeile in der Kalenderansicht | var(--calendar-background-color) |
| calendar-header-font-color-highlight | Schriftfarbe der aktiven Kopfzeile in der Kalenderansicht | var(--contrast-font-color) |
| calendar-header-background-color-highlight | Die Hintergrundfarbe der aktiven Kopfzeile in der Kalenderansicht | var(--secondary-color) |
| calendar-cell-background-color-highlight | Hintergrundfarbe der Selektion innerhalb einer Kalenderansicht | var(--secondary-color) |
| calendar-time-marker-color | Die Farbe der Zeitanzeige | var(--secondary-color) |
| calendar-view-selector-background-color-hover | Die Hintergrundfarbe des Ansichtenumschalters beim Hovern | var(--secondary-color-lighter) |
| calendar-view-selector-font-color-hover | Die Schriftfarbe des Ansichtenumschalters beim Hovern | var(--main-font-color) |
| calendar-view-selector-background-color-highlight | Die Hintergrundfarbe des aktiven Ansichtenumschalters | var(--secondary-color) |
| calendar-view-selector-font-color-highlight | Die Schriftfarbe des aktiven Ansichtenumschalters | var(--contrast-font-color) |
| calendar-filter-icon-color | Die Farbe des Icons des Filtericons neben den Ansichtenumschaltern | var(--icon-color-idle) |
| calendar-filter-icon-color-hover | Die Farbe des Icons des Filtericons neben den Ansichtenumschaltern beim hovern | var(--icon-color-hover) |
| calendar-filter-icon-color-highlight | Die Farbe des Icons des aktiven Filtericons neben den Ansichtenumschaltern | var(--icon-color-highlight) |
| calendar-filter-background-color-hover | Die Hintergrundfarbe des Filters beim Hovern | var(--secondary-color-lighter) |
| calendar-filter-background-color-hover | Die Hintergrundfarbe des akiven Filters | var(--secondary-color) |