Support for Dark mode. Avoids refreshing to enforce light mode!

app.py

@@ -158,18 +158,8 @@ def generate_scatter_plot(benchmark, metric):
     return fig
 
 
-js_func = """
-function refresh() {
-    const url = new URL(window.location);
-    if (url.searchParams.get('__theme') !== 'light') {
-        url.searchParams.set('__theme', 'light');
-        window.location.href = url.href;
-    }
-}
-"""
-
 with gr.Blocks(
-    css=custom_css, js=js_func, theme=gr.themes.Default(primary_hue=colors.emerald)
+    css=custom_css, theme=gr.themes.Default(primary_hue=colors.emerald)
 ) as app:
     df_icarus, benchmarks, metrics, default_metric = read_data(
         "results/results_icarus.json"
@@ -197,7 +187,7 @@ with gr.Blocks(
     gr.HTML(
         """
     <div align="center">
-        <img src='/gradio_api/file=logo.png' alt='TuRTLe Logo' width='220'/>
+        <img src='/gradio_api/file=logo_new.png' alt='TuRTLe Logo' width='220'/>
     </div>
     """
     )
@@ -535,7 +525,7 @@ with gr.Blocks(
 
 app.launch(
     allowed_paths=[
-        "logo.png",
+        "logo_new.png",
         "hpai_logo_grad.png",
         "bsc-logo.png",
     ]

style/css_html_js.py

@@ -162,6 +162,15 @@ input[role="listbox"] {
 .gradio-container .contain {
 flex-grow: 0;
 }
+
+.dataframe-leaderboard a {
+    color: white !important;
+}
+
+.dataframe-leaderboard a:hover {
+    color: #ddd !important;
+    text-decoration: underline;
+}
 """
 
 get_window_url_params = """

utils.py

@@ -19,7 +19,7 @@ def model_hyperlink(link, model_name, release):
     if release == "V1":
         return f'<a target="_blank" href="{link}" style="color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;">{model_name}</a>'
     else:
-        return f'<a target="_blank" href="{link}" style="color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;">{model_name}</a> <span style="font-variant: all-small-caps; font-weight: 600">new</span>'
+        return f'<a target="_blank" href="{link}" style="color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;">{model_name}</a> <span style="color: white; opacity: 0.7; font-variant: all-small-caps; font-weight: 600">new</span>'
 
 
 def handle_special_cases(benchmark, metric):