changes to font color

app.py

@@ -372,6 +372,24 @@ with gr.Blocks(css=custom_css, title="TD-EVAL Leaderboard", theme=custom_theme)
                 var parent = checkbox.parentElement;
                 if (parent) parent.style.backgroundColor = 'transparent';
                 checkbox.style.backgroundColor = 'transparent';
+                
+                // Find and style the associated label to be white
+                var label = checkbox.nextElementSibling;
+                if (label && label.tagName === 'LABEL') {
+                    label.style.color = '#FFFFFF';
+                }
+                
+                // Also find any span elements that might contain the label text
+                var spans = parent.querySelectorAll('span');
+                spans.forEach(function(span) {
+                    span.style.color = '#FFFFFF';
+                });
+                
+                // Find label elements in the parent container
+                var labels = parent.querySelectorAll('label');
+                labels.forEach(function(label) {
+                    label.style.color = '#FFFFFF';
+                });
             });
         }
         

styles.css

@@ -263,4 +263,20 @@ div[class*="block"] {
 .search-panel input[type="text"],
 .search-panel input[type="text"]::placeholder {
     color: rgba(255,255,255,0.9) !important;
+}
+
+/* Style the checkbox labels to ensure they have white text */
+.checkbox-panel label,
+.checkbox-panel .label-wrap,
+.checkbox-panel .label-wrap span {
+    color: #FFFFFF !important;
+}
+
+/* Make the checkbox text fully opaque and sharp */
+.checkbox-panel input[type="checkbox"] + label,
+.checkbox-panel input[type="checkbox"] ~ label,
+.checkbox-panel input[type="checkbox"] ~ div label {
+    color: #FFFFFF !important;
+    opacity: 1 !important;
+    font-weight: normal;
 }