/* * LagerPro Dark Mode – CSS-Overrides für Tailwind-Klassen * Aktiviert via durch theme_head.php */ /* ── Hintergründe ─────────────────────────────────────── */ .dark body, .dark .bg-slate-50 { background-color: #0f172a; } /* Seitenhintergrund, Inputs, Table-Header */ .dark .bg-white { background-color: #1e293b; } /* Karten, Sidebar, Modals */ .dark .bg-slate-100 { background-color: #334155; } /* Tags, Sekundär-Badges */ .dark .bg-slate-200 { background-color: #475569; } /* ── Text ─────────────────────────────────────────────── */ .dark .text-slate-900, .dark .text-slate-800 { color: #f1f5f9; } .dark .text-slate-700 { color: #cbd5e1; } .dark .text-slate-600 { color: #94a3b8; } .dark .text-slate-500 { color: #64748b; } /* ── Rahmen ───────────────────────────────────────────── */ .dark .border-slate-200 { border-color: #334155; } .dark .border-slate-100 { border-color: #1e293b; } .dark .border { border-color: #334155; } .dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]), .dark .divide-slate-200 > :not([hidden]) ~ :not([hidden]) { border-color: #334155; } /* ── Formulare ────────────────────────────────────────── */ .dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), .dark textarea, .dark select { background-color: #0f172a; color: #f1f5f9; border-color: #334155; } .dark input::placeholder, .dark textarea::placeholder { color: #475569; } /* ── Hover-Zustände ───────────────────────────────────── */ .dark .hover\:bg-slate-50:hover { background-color: #334155 !important; } .dark .hover\:bg-slate-100:hover { background-color: #334155 !important; } .dark .hover\:bg-slate-200:hover { background-color: #475569 !important; } .dark tr.hover\:bg-slate-50:hover td { background-color: #334155; } /* ── Sidebar ──────────────────────────────────────────── */ .dark aside { background-color: #1e293b; border-right-color: #334155; } .dark aside a { color: #94a3b8; } .dark aside a.text-slate-600 { color: #94a3b8; } .dark aside a.text-red-600 { color: #f87171; } /* ── Schatten ─────────────────────────────────────────── */ .dark .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0,0,0,.5); } .dark .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,.5); } .dark .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0,0,0,.6); } /* ── Modal-Overlay ────────────────────────────────────── */ .dark .bg-black\/50 { background-color: rgba(0,0,0,.75); } /* ── Alerts/Meldungen: Farben bleiben, Hintergrund angepasst ── */ .dark .bg-green-50 { background-color: #052e16; } .dark .bg-red-50 { background-color: #450a0a; } .dark .bg-sky-50 { background-color: #082f49; } .dark .bg-amber-50 { background-color: #451a03; } .dark .bg-orange-50 { background-color: #431407; } /* ── Code-Inline ──────────────────────────────────────── */ .dark code { background-color: #334155; color: #93c5fd; }