"Refactor database and admin UI connections for improved performance (feat)"

backend/app/static/css/admin.css

@@ -44,6 +44,32 @@
   --dark-btn-hover: #f1f5f9;
 }
 
+/* Korrektur für Dark Mode Hintergrund */
+.dark .bg-white.dark\:bg-dark-card {
+  background-color: #1e293b !important;
+}
+
+/* Zusätzliche Dark Mode Korrekturen */
+html.dark body .bg-white.dark\:bg-dark-card {
+  background-color: #1e293b !important;
+}
+
+.dark .bg-slate-50 {
+  background-color: #0f172a !important; 
+}
+
+.dark .bg-slate-800 {
+  background-color: #0f172a !important;
+}
+
+.dark .printer-card {
+  background-color: #1e293b !important;
+}
+
+.dark tbody.bg-white.dark\:bg-dark-card {
+  background-color: #1e293b !important;
+}
+
 /* Admin Panel Container */
 .admin-container {
   max-width: 1280px;
@@ -603,7 +629,8 @@
   background-color: #0f172a;
 }
 
-.dark .dark-bg-card {
+.dark .dark-bg-card,
+.dark\:bg-dark-card:is(.dark *) {
   background-color: var(--card-bg);
 }
 

backend/app/templates/admin.html

@@ -398,8 +398,8 @@
                     </div>
                 </div>
                 
-                <div class="bg-white dark:bg-dark-card rounded-xl shadow-lg p-6">
-                    <h3 class="text-xl font-bold text-slate-900 dark:text-white mb-6">Dienste Status</h3>
+                <div class="bg-white dark:bg-dark-card rounded-xl shadow-lg p-6 transition-colors">
+                    <h3 class="text-xl font-bold text-slate-900 dark:text-white mb-6 transition-colors">Dienste Status</h3>
                     <div class="space-y-4">
                         <div class="flex justify-between items-center p-3 bg-slate-50 dark:bg-slate-800 rounded-lg">
                             <div class="flex items-center">