Dark Mode

🌙 Dark Mode

Verbessert in v1.1.0 — Dark Mode mit automatischer System-Preference-Erkennung.

---

Überblick

OpenSchichtplaner5 unterstützt einen vollständigen Dark Mode, der in v1.1.0 deutlich verbessert wurde — mit einheitlichen Farbvariablen, besseren Kontrastverhältnissen und automatischer Erkennung der System-Farbeinstellung.

---

System-Preference

Ab v1.1.0 erkennt OpenSchichtplaner5 automatisch die Systemeinstellung:

• System (Standard) — Folgt der Betriebssystem-Einstellung
• Hell — Immer heller Modus
• Dunkel — Immer dunkler Modus

Die Einstellung wird über prefers-color-scheme des Betriebssystems erkannt.

Umschalten

• Klick auf das 🌙/☀️ Symbol in der Sidebar
• Oder unter Einstellungen → Darstellung

---

Verbesserungen in v1.1.0

Bereich	Vorher	Nachher
Farbvariablen	Gemischt	Einheitliche CSS Custom Properties
Kontrast	Teilweise schwach	WCAG AA-konform
Charts	Standardfarben	Angepasste Dark-Mode-Palette
Tabellen	Harter Kontrast	Weiche Streifen
Formulare	Inkonsistent	Einheitliche Eingabefelder

---

Technische Details

Das Dark Mode System nutzt Tailwind CSS dark: Varianten und CSS Custom Properties:

:root {
  --bg-primary: #ffffff;
  --text-primary: #1f2937;
}

.dark {
  --bg-primary: #1f2937;
  --text-primary: #f9fafb;
}

---

Siehe auch

• Einstellungen — Globale Konfiguration
• PWA — Progressive Web App