flfeders/FEDEO
2
1
Fork 0
Code Issues 63 Pull Requests Actions Packages Projects 21 Releases Wiki Activity

Fixed PageLeaveGuard.vue Dark Mode
All checks were successful
Build and Push Docker Images / build-backend (push) Successful in 18s
Details
Build and Push Docker Images / build-frontend (push) Successful in 6m9s
Details

Browse Source
This commit is contained in:
florianfederspiel
2026-01-10 20:03:45 +01:00
parent b35c991634
commit 098bd02808
1 changed files with 0 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/components/PageLeaveGuard.vue
View File

@@ -131,38 +131,5 @@ button {
.btn-confirm:hover { background: #dc2626; } .btn-confirm:hover { background: #dc2626; }
/* --------------------------------------------------------- */
/* DARK MODE OVERRIDES */
/* Wir nutzen :global(.dark), um auf die Klasse im <html>/<body> 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;
}
</style> </style>