feat: Light Mode mit Theme-Toggle

Fügt vollständigen Light Mode hinzu – umschaltbar per ☀️/🌙-Button im Header, Auswahl wird in localStorage persistiert. - index.css: Light-Mode-Variablen unter [data-theme="light"], neue Tokens --border-subtle, --shadow-card, --card-shine - App.tsx: Theme-State + useEffect setzt data-theme auf <html> - App.module.css: Toggle-Button gestylt, Header-Background auf CSS-Var umgestellt - Komponenten-CSS: Hardcodierte rgba-Werte auf CSS-Variablen migriert Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-06 12:50:04 +02:00
parent 948f9800d5
commit 624e359d6f
8 changed files with 113 additions and 38 deletions
@@ -171,8 +171,8 @@
 .spinner {
  width: 14px;
  height: 14px;
-  border: 2px solid rgba(255,255,255,0.3);
-  border-top-color: #fff;
+  border: 2px solid var(--surface-high);
+  border-top-color: var(--text-primary);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  flex-shrink: 0;