Enhanced UI:css updated for text

config.py

@@ -182,6 +182,7 @@ CUSTOM_CSS = """
     background: rgba(255,255,255,0.35);
 }
 
+/* ⭐ FIXED: Metrics card with proper text colors */
 .metrics-card {
     background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
     border-left: 5px solid #667eea;
@@ -191,15 +192,23 @@ CUSTOM_CSS = """
     font-family: 'JetBrains Mono', monospace;
     transition: var(--transition);
     box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+    color: #2c3e50 !important;
 }
 
+/* ⭐ CRITICAL FIX: All text in metrics card must be dark */
 .metrics-card * {
     color: #2c3e50 !important;
 }
 
 .metrics-card strong {
-    color: #1a1a1a !important;
-    font-weight: 600;
+    color: #1a202c !important;
+    font-weight: 700 !important;
+}
+
+/* ⭐ Ensure values after colon are visible */
+.metrics-card br + text,
+.metrics-card strong + text {
+    color: #2c3e50 !important;
 }
 
 .metrics-card:hover {
@@ -267,6 +276,19 @@ CUSTOM_CSS = """
 .gr-button:hover { 
     transform: translateY(-2px) !important; 
 }
+
+/* ⭐ Additional fix for markdown text in metrics */
+.gr-markdown .metrics-card {
+    color: #2c3e50 !important;
+}
+
+.gr-markdown .metrics-card p {
+    color: #2c3e50 !important;
+}
+
+.gr-markdown .metrics-card span {
+    color: #2c3e50 !important;
+}
 """
 
 logger.info("Enhanced configuration initialized")

main.py

@@ -143,7 +143,7 @@ def create_ui() -> gr.Blocks:
                             clear_btn = gr.Button("Clear", scale=1)
                             pdf_btn = gr.Button("Download PDF", scale=1)
                             # ⭐ NEW: Toggle Sidebar Button
-                            toggle_sidebar_btn = gr.Button("⚙️ Toggle Settings", scale=1, variant="secondary")
+                            toggle_sidebar_btn = gr.Button("⚙️ Toggle Sidebar-Settings", scale=1, variant="secondary")
                     
                     # COLLAPSIBLE SIDEBAR
                     with gr.Column(scale=1, visible=True, elem_classes="settings-column") as sidebar: