style theme

app.py

@@ -99,6 +99,8 @@ custom_theme = gr.themes.Default(
     color_accent="#f4f4f5",
     border_color_accent="#27272a",
     button_primary_background_fill_hover="#3f3f46",
+    block_title_text_color="#f4f4f5",
+    accordion_text_color="#f4f4f5",
 )
 
 # Define the update_column_choices function before initializing the leaderboard components

src/display/css_html_js.py

@@ -9,9 +9,9 @@ custom_css = """
 }
 
 .tab-buttons button.selected {
-    border-color: #2196F3 !important;
-    background: #E3F2FD !important;
-    color: #2196F3 !important;
+    border-color: #f4f4f5 !important;
+    background: #3f3f46 !important;
+    color: #f4f4f5 !important;
 }
 
 #citation-button textarea {
@@ -52,11 +52,11 @@ custom_css = """
 
 .version-selector label {
     font-weight: bold;
-    color: #2196F3;
+    color: #f4f4f5 !important;
 }
 
 .version-selector select {
-    border-color: #2196F3;
+    border-color: #3f3f46 !important;
     border-radius: 4px;
 }