Update ui/ui_generators.py

ui/ui_generators.py

@@ -986,6 +986,56 @@ def create_enhanced_report_tab(agentic_modules_loaded_status: bool):
     .loading-indicator {
         display: none !important; /* Hide the entire loading indicator block */
     }
+
+    /* Dark Mode Styles for Report Tab */
+    @media (prefers-color-scheme: dark) {
+        .report-container {
+            background: #1a202c;
+            color: #e2e8f0;
+        }
+        .report-header {
+            border-bottom-color: #4a5568;
+        }
+        .report-title, .report-body-content h1, .report-body-content h2, .report-body-content h3 {
+            color: #f7fafc;
+        }
+        .report-subtitle, .selection-description, .report-body-content p, .report-body-content li, .report-body-content em {
+            color: #a0aec0;
+        }
+        .report-selection {
+            background: #2d3748;
+            border-color: #4a5568;
+        }
+        .selection-title {
+            color: #f7fafc;
+        }
+        .report-content {
+            background: #2d3748;
+            border-color: #4a5568;
+            box-shadow: 0 2px 12px rgba(0,0,0,0.3);
+        }
+        .report-body-content h2 {
+            border-bottom-color: #4a5568;
+        }
+        .report-body-content strong {
+            color: #f7fafc;
+        }
+        .report-body-content blockquote {
+            background: #1a202c;
+            border-left-color: #764ba2;
+            color: #a0aec0;
+        }
+        .report-body-content code {
+            background: #4a5568;
+            color: #f7fafc;
+        }
+        .empty-state {
+            color: #a0aec0;
+        }
+        .empty-state-title {
+            color: #f7fafc;
+        }
+    }
     </style>
     """