From c4d8da6d0dfcef3e41594577bf331f14718daad7 Mon Sep 17 00:00:00 2001 From: Benjamin Admin Date: Fri, 27 Mar 2026 08:27:43 +0100 Subject: [PATCH] =?UTF-8?q?fix:=20Tag-Modus=20=E2=80=94=20Sidebar,=20Chat-?= =?UTF-8?q?Panel,=20Modals,=20Kacheln=20lesbar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - NavigationFAB/ChatFAB: bg-black/* → weisser Hintergrund im Light Mode - Hover-States: bg-white/* → leichte Grautöne - Shadows: dunkle Schatten → leichte Schatten - Modal-Backdrops: transparent statt dunkel - Input-Felder, KPI-Cards, Progress-Bar angepasst - Farbige Akzent-Hintergründe (rot/grün/amber) leichter Co-Authored-By: Claude Opus 4.6 (1M context) --- pitch-deck/app/globals.css | 51 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) diff --git a/pitch-deck/app/globals.css b/pitch-deck/app/globals.css index 8efb704..5773695 100644 --- a/pitch-deck/app/globals.css +++ b/pitch-deck/app/globals.css @@ -175,6 +175,57 @@ html, body { } } +/* Light mode: panel backgrounds (NavigationFAB, ChatFAB, Overlays) */ +.theme-light .bg-black\/80, +.theme-light .bg-black\/90, +.theme-light .bg-black\/60 { + background-color: rgba(255, 255, 255, 0.92) !important; +} + +.theme-light .bg-slate-950 { background-color: #f8f9fc; } + +/* Navigation FAB panel */ +.theme-light .shadow-black\/50 { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important; } +.theme-light .shadow-indigo-600\/30 { box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.15) !important; } +.theme-light .shadow-indigo-500\/30 { box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.15) !important; } + +/* Active slide number badge in sidebar */ +.theme-light .bg-white\/10 { background-color: rgba(0, 0, 0, 0.06); } +.theme-light .bg-white\/5 { background-color: rgba(0, 0, 0, 0.03); } +.theme-light .bg-white\/\[0\.1\] { background-color: rgba(0, 0, 0, 0.06); } +.theme-light .hover\:bg-white\/20:hover { background-color: rgba(0, 0, 0, 0.08) !important; } +.theme-light .hover\:bg-white\/\[0\.06\]:hover { background-color: rgba(0, 0, 0, 0.04) !important; } +.theme-light .hover\:bg-white\/\[0\.1\]:hover { background-color: rgba(0, 0, 0, 0.06) !important; } +.theme-light .hover\:bg-white\/\[0\.15\]:hover { background-color: rgba(0, 0, 0, 0.08) !important; } + +/* Chat input field */ +.theme-light input.bg-white\/\[0\.06\], +.theme-light .bg-white\/\[0\.06\] { background-color: rgba(0, 0, 0, 0.04); } + +/* KPI cards, glass cards with colored glows */ +.theme-light .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08) !important; } + +/* Gradient text stays vibrant in light mode */ +.theme-light .bg-gradient-to-r.from-indigo-400 { + background: linear-gradient(135deg, #4f46e5, #7c3aed, #3b82f6) !important; + -webkit-background-clip: text !important; +} + +/* Navigation controls (prev/next arrows) */ +.theme-light .bg-white\/\[0\.15\] { background-color: rgba(0, 0, 0, 0.08); } + +/* Colored accent backgrounds — keep but lighten */ +.theme-light .bg-red-500\/10 { background-color: rgba(239, 68, 68, 0.08); } +.theme-light .bg-green-500\/10 { background-color: rgba(34, 197, 94, 0.08); } +.theme-light .bg-amber-500\/10 { background-color: rgba(245, 158, 11, 0.08); } + +/* Modal backdrops */ +.theme-light .bg-black\/60 { background-color: rgba(0, 0, 0, 0.3) !important; } +.theme-light .bg-slate-900\/95 { background-color: rgba(255, 255, 255, 0.97) !important; } + +/* Progress bar */ +.theme-light .bg-white\/5 { background-color: rgba(0, 0, 0, 0.05); } + .theme-light .text-shadow-glow { text-shadow: none; }