style

app.py

@@ -12,6 +12,7 @@ import plotly.express as px
 import plotly.graph_objects as go
 from apscheduler.schedulers.background import BackgroundScheduler
 import numpy as np
+from gradio.themes.utils import fonts
 
 from src.about import (
     CITATION_BUTTON_LABEL,
@@ -69,7 +70,31 @@ except Exception as e:
     logger.error(f"Error loading leaderboard data: {e}")
     LEADERBOARD_DF = pd.DataFrame()
 
-print(DISPLAY_COLS)
+custom_theme = gr.themes.Default(
+    font=(fonts.GoogleFont("Inter"), "sans-serif")
+).set(
+    # font_size="16px",
+    body_background_fill="#0f0f10",
+    body_text_color="#f4f4f5",
+    body_text_color_subdued="#a1a1aa",
+    block_background_fill="#18181b",
+    block_border_color="#27272a",
+    block_shadow="none",
+    button_primary_background_fill="#f4f4f5",
+    button_primary_text_color="#0f0f10",
+    button_secondary_background_fill="#27272a",
+    button_secondary_text_color="#f4f4f5",
+    input_background_fill="#1f1f23",
+    input_border_color="#3f3f46",
+    input_placeholder_color="#71717a",
+    table_border_color="#3f3f46",
+    table_even_background_fill="#1c1c1f",
+    table_odd_background_fill="#18181b",
+    table_text_color="#f4f4f5",
+    link_text_color="#ffffff",
+    border_color_primary="#f4f4f5",
+    background_fill_secondary="#27272a",
+)
 
 # Define the update_column_choices function before initializing the leaderboard components
 def update_column_choices(df):