fix: darken component backgrounds and brighten labels for better contrast

app.py

@@ -233,11 +233,18 @@ body {
 /* Target specific Gradio input classes and generic elements */
 .gr-input, textarea, input, .gr-box, .gr-check-radio, .gr-dropdown {
     font-family: 'JetBrains Mono', monospace !important;
-    background-color: rgba(30, 41, 59, 0.5) !important;
+    background-color: rgba(15, 23, 42, 0.8) !important;
     border: 1px solid rgba(148, 163, 184, 0.2) !important;
     color: #ffffff !important;
 }
 
+/* Override default block backgrounds that might be light */
+.gradio-container .block, .gradio-container .panel {
+    background-color: rgba(30, 41, 59, 0.2) !important;
+    border-color: rgba(255, 255, 255, 0.1) !important;
+    border-radius: 8px !important;
+}
+
 /* Fix for dropdown options background */
 ul.options, .gr-dropdown-options {
     background-color: #1e293b !important;
@@ -251,8 +258,10 @@ ul.options, .gr-dropdown-options {
 
 /* Labels */
 label span, .gr-form label span {
-    color: var(--text-gray) !important;
-    font-weight: 500 !important;
+    color: #93c5fd !important; /* Light blue for better contrast */
+    font-weight: 600 !important;
+    font-size: 0.95rem !important;
+    background-color: transparent !important;
 }
 
 /* Buttons */