style theme

app.py

@@ -71,9 +71,9 @@ except Exception as e:
     LEADERBOARD_DF = pd.DataFrame()
 
 custom_theme = gr.themes.Default(
-    primary_hue='121212',
-    secondary_hue='121212',
-    neutral_hue='121212',
+    primary_hue=colors.slate,
+    secondary_hue=colors.slate,
+    neutral_hue=colors.neutral,
     font=(fonts.GoogleFont("Inter"), "sans-serif")
 ).set(
     # font_size="16px",
@@ -85,9 +85,9 @@ custom_theme = gr.themes.Default(
     block_border_color="#333333",                # Cooler Grey
     block_shadow="none",
     # Swapped primary and secondary button styles
-    button_primary_background_fill="#333333",      # Cooler Grey
+    button_primary_background_fill="#121212",      # Changed to specific color for Refresh button
     button_primary_text_color="#f4f4f5",
-    button_primary_border_color="#333333",     # Cooler Grey
+    button_primary_border_color="#333333",     # Keep border grey or change to #121212?
     button_secondary_background_fill="#f4f4f5",
     button_secondary_text_color="#0f0f10",
     button_secondary_border_color="#f4f4f5",
@@ -581,7 +581,7 @@ with demo:
         with tabs:
             with gr.TabItem("Leaderboard", elem_id="guardbench-leaderboard-tab", id=0):
                 with gr.Row():
-                    refresh_button = gr.Button("Refresh", variant="primary")
+                    refresh_button = gr.Button("Refresh Leaderboard", variant="primary")
                     version_selector = gr.Dropdown(
                         choices=BENCHMARK_VERSIONS,
                         label="Benchmark Version",