feat: Dark Mode Toggle + RRULE UI für wiederkehrende Aufgaben/Termine

Dark Mode: Manueller Theme-Switch (System/Hell/Dunkel) in Einstellungen
mit localStorage-Persistenz und Flash-Prevention via data-theme Attribut.

RRULE UI: Wiederholungs-Formular in Aufgaben- und Kalender-Modals mit
Frequenz (Täglich/Wöchentlich/Monatlich), Intervall, Wochentag-Auswahl
und optionalem Enddatum. Backend-Routen für is_recurring/recurrence_rule
in POST/PUT erweitert. Repeat-Icon auf wiederkehrenden Einträgen.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ulsklyc
2026-03-26 00:11:45 +01:00
parent 093b6a8736
commit f507ef8488
10 changed files with 479 additions and 32 deletions
+43
View File
@@ -262,6 +262,49 @@
width: 100%;
}
/* --------------------------------------------------------
Theme-Toggle
-------------------------------------------------------- */
.theme-toggle {
display: flex;
gap: var(--space-2);
}
.theme-toggle__btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
padding: var(--space-3) var(--space-4);
border-radius: var(--radius-sm);
border: 1.5px solid var(--color-border);
background: transparent;
color: var(--color-text-secondary);
font-size: var(--text-sm);
font-weight: var(--font-weight-medium);
cursor: pointer;
transition: all var(--transition-fast);
min-height: 44px;
}
.theme-toggle__btn:hover {
border-color: var(--color-text-secondary);
color: var(--color-text-primary);
}
.theme-toggle__btn--active {
background: var(--color-accent-light);
border-color: var(--color-accent);
color: var(--color-accent);
}
.theme-toggle__btn--active:hover {
border-color: var(--color-accent);
color: var(--color-accent);
}
/* --------------------------------------------------------
Abmelden
-------------------------------------------------------- */