Update app.py

app.py

@@ -128,8 +128,18 @@ def get_random_sample():
     dataset = load_dataset()
     return np.random.randint(0, dataset.shape[0])
 
-# Custom CSS for professional styling
+# Custom CSS for professional styling with forced dark mode
 custom_css = """
+/* Force dark mode for all elements */
+* {
+    color-scheme: dark !important;
+}
+
+body, html {
+    background-color: #0f0f23 !important;
+    color: #e2e8f0 !important;
+}
+
 #main-container {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     min-height: 100vh;
@@ -141,6 +151,37 @@ custom_css = """
     border-radius: 20px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+    color: #e2e8f0 !important;
+}
+
+/* Force all text to be light colored */
+p, span, div, label, h1, h2, h3, h4, h5, h6 {
+    color: #e2e8f0 !important;
+}
+
+/* Fix link colors for both visited and unvisited */
+a, a:link, a:visited, a:hover, a:active {
+    color: #60a5fa !important;
+    text-decoration: none !important;
+    transition: color 0.3s ease !important;
+}
+
+a:hover {
+    color: #93c5fd !important;
+    text-decoration: underline !important;
+}
+
+/* Force markdown content colors */
+.markdown-content, .markdown-content * {
+    color: #e2e8f0 !important;
+}
+
+.markdown-content a, .markdown-content a:link, .markdown-content a:visited {
+    color: #60a5fa !important;
+}
+
+.markdown-content a:hover {
+    color: #93c5fd !important;
 }
 
 .gr-button {
@@ -185,6 +226,11 @@ custom_css = """
     padding: 1.5rem;
     border: 1px solid rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(10px);
+    color: #e2e8f0 !important;
+}
+
+.feature-card strong {
+    color: #93c5fd !important;
 }
 
 .status-indicator {
@@ -209,6 +255,23 @@ custom_css = """
     border-radius: 8px;
     padding: 1rem;
     margin: 1rem 0;
+    color: #e2e8f0 !important;
+}
+
+.info-panel strong {
+    color: #93c5fd !important;
+}
+
+/* Force input and form elements to dark mode */
+input, textarea, select {
+    background-color: rgba(255, 255, 255, 0.1) !important;
+    color: #e2e8f0 !important;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+
+/* Force plot containers to dark mode */
+.gr-plot {
+    background-color: #0f0f23 !important;
 }
 """