changes to font color

app.py

@@ -434,6 +434,12 @@ with gr.Blocks(css=custom_css, title="TD-EVAL Leaderboard", theme=custom_theme)
                 searchInput.style.border = '2px solid #000000';
                 searchInput.style.color = '#000000';
             }
+            
+            // Make sure the label is black
+            var searchLabels = searchPanel.querySelectorAll('label, .label-wrap, .label-wrap span');
+            searchLabels.forEach(function(label) {
+                label.style.color = '#000000';
+            });
         }
     }
     

styles.css

@@ -274,6 +274,27 @@ div[class*="block"] {
     color: rgba(0,0,0,0.7) !important;
 }
 
+/* Ensure the search panel label is black */
+.search-panel label,
+.search-panel .label-wrap,
+.search-panel .label-wrap span {
+    color: #000000 !important;
+}
+
+/* Override any Gradio specific label styling */
+#search-panel label,
+div[id="search-panel"] label,
+.gradio-container #search-panel label {
+    color: #000000 !important;
+}
+
+/* Make sure the input text is black when user types */
+#search-panel input[type="text"],
+div[id="search-panel"] input[type="text"],
+.search-panel input[type="text"] {
+    color: #000000 !important;
+}
+
 /* Style the checkbox labels to ensure they have black text */
 .checkbox-panel label,
 .checkbox-panel .label-wrap,