From 098bd0280896917a6fe73531c72202ba533313c7 Mon Sep 17 00:00:00 2001 From: florianfederspiel Date: Sat, 10 Jan 2026 20:03:45 +0100 Subject: [PATCH] Fixed PageLeaveGuard.vue Dark Mode --- frontend/components/PageLeaveGuard.vue | 33 -------------------------- 1 file changed, 33 deletions(-) diff --git a/frontend/components/PageLeaveGuard.vue b/frontend/components/PageLeaveGuard.vue index a6cc4a5..928b946 100644 --- a/frontend/components/PageLeaveGuard.vue +++ b/frontend/components/PageLeaveGuard.vue @@ -131,38 +131,5 @@ button { .btn-confirm:hover { background: #dc2626; } -/* --------------------------------------------------------- */ -/* DARK MODE OVERRIDES */ -/* Wir nutzen :global(.dark), um auf die Klasse im / zuzugreifen */ -/* --------------------------------------------------------- */ -:global(.dark) .guard-overlay { - background: rgba(0,0,0,0.7); -} -:global(.dark) .guard-modal { - background: #1f2937; /* gray-800 */ - color: #f3f4f6; /* gray-100 */ - border: 1px solid #374151; /* gray-700 Border für Kontrast */ -} - -:global(.dark) .guard-body { - color: #9ca3af; /* gray-400 */ -} - -:global(.dark) .btn-cancel { - background: #374151; /* gray-700 */ - color: #e5e7eb; /* gray-200 */ -} -:global(.dark) .btn-cancel:hover { - background: #4b5563; /* gray-600 */ -} - -/* Confirm Button bleibt rot, aber evtl. leicht angepasst */ -:global(.dark) .btn-confirm { - background: #b91c1c; /* red-700 (etwas dunkler für Darkmode angenehmer) */ - color: #fecaca; /* red-100 Text */ -} -:global(.dark) .btn-confirm:hover { - background: #991b1b; -} \ No newline at end of file