html[data-theme="dark"] .calendar {
    --calendar-color-bg: var(--color-background);
    --calendar-color-text: var(--color-text);
    --calendar-color-border: var(--color-border);
    --calendar-color-hover: var(--color-secondary-accent);
    --calendar-color-other-bg: var(--color-grey-15);
    --calendar-color-muted: var(--color-grey-60);
    --calendar-color-accent: var(--color-light-accent);
    --calendar-color-focus: var(--color-light-accent);
    --calendar-color-today: var(--color-highlight);
    --calendar-color-holiday: var(--color-purple-65, #c27ad3);
    --calendar-color-task: var(--color-blue-65, #6caef5);
    --calendar-color-meeting: var(--color-orange-65, #ffb75e);
    --calendar-color-event: var(--color-highlight);
}