Update app.py

app.py

@@ -205,62 +205,49 @@ def create_leaderboard_ui():
             }}
             .leaderboard-table td {{
                 padding: 12px 14px;
-                border-bottom: 1px solid #e0e0e0;
+                border-bottom: 1px solid #333;
+                background-color: #222;
+                color: #fff;
             }}
-            .leaderboard-table tr:nth-child(even) {{
-                background-color: #f8f9fa;
-            }}
-            .leaderboard-table tr:nth-child(odd) {{
-                background-color: white;
-            }}
-            .leaderboard-table tr:hover {{
-                background-color: #e7f5ff;
-            }}
-            .leaderboard-table tr:nth-child(1) {{
-                background-color: #fff7e6;
-            }}
-            .leaderboard-table tr:nth-child(2) {{
-                background-color: #f8f9fa;
-            }}
-            .leaderboard-table tr:nth-child(3) {{
-                background-color: #fff5f5;
+            .leaderboard-table tr:hover td {{
+                background-color: #2a2a3a;
             }}
             .leaderboard-table tr:nth-child(1) td:first-child {{
                 background-color: #ffd700;
                 color: #333;
                 font-weight: bold;
                 text-align: center;
-                border-right: 1px solid #e0e0e0;
+                border-right: 1px solid #333;
             }}
             .leaderboard-table tr:nth-child(2) td:first-child {{
                 background-color: #c0c0c0;
                 color: #333;
                 font-weight: bold;
                 text-align: center;
-                border-right: 1px solid #e0e0e0;
+                border-right: 1px solid #333;
             }}
             .leaderboard-table tr:nth-child(3) td:first-child {{
                 background-color: #cd7f32;
                 color: #333;
                 font-weight: bold;
                 text-align: center;
-                border-right: 1px solid #e0e0e0;
+                border-right: 1px solid #333;
             }}
             .leaderboard-table tr:nth-child(1) td:nth-child(2) {{
                 font-weight: bold;
-                color: #333;
+                color: #ffd700;
             }}
             .leaderboard-table tr:nth-child(2) td:nth-child(2) {{
                 font-weight: bold;
-                color: #333;
+                color: #c0c0c0;
             }}
             .leaderboard-table tr:nth-child(3) td:nth-child(2) {{
                 font-weight: bold;
-                color: #333;
+                color: #cd7f32;
             }}
         </style>
         {df_html}
-        <p><small>Note: This leaderboard shows user contributions to the BLEND-ES project across all countries.</small></p>
+        <p style="color: #ccc;"><small>Note: This leaderboard shows user contributions to the BLEND-ES project across all countries.</small></p>
     </div>
     """
     return styled_html
@@ -271,11 +258,9 @@ def refresh_data():
     last_update_time = 0
     return create_leaderboard_ui()
 
-with gr.Blocks(theme=gr.themes.Base()) as demo:
+with gr.Blocks(theme=gr.themes.Default()) as demo:
     with gr.Column(scale=1):
-        gr.Markdown("""
-        # 🏆 Hackaton Leaderboard
-        """)
+        gr.Markdown("""# 🏆 Hackaton Leaderboard""")
         
         leaderboard_html = gr.HTML(create_leaderboard_ui)