Tabs themes

app.py

@@ -187,59 +187,57 @@ def tab_leaderboard():
     # s = df.style.apply(highlight_cols, axis = None)
 
     # Displaying the styled dataframe in Gradio
-    with gradio.TabItem("Autogen Metrics", elem_id="od-benchmark-tab-table-ablation", id=0, elem_classes="subtab"): 
+    with gradio.TabItem("Autogen Metrics", id=0): 
         with gradio.Blocks() as demo:
             gradio.DataFrame(df)
     
-    with gradio.TabItem("Autometrics", elem_id="od-benchmark-tab-table-ablation", id=1, elem_classes="subtab"): 
+    with gradio.TabItem("Autometrics", id=1): 
         with gradio.Blocks() as demo:
             gradio.DataFrame(df)
     
-    with gradio.TabItem("SBS metrics", elem_id="od-benchmark-tab-table-ablation", id=2, elem_classes="subtab"): 
+    with gradio.TabItem("SBS metrics", id=2): 
         with gradio.Blocks() as demo:
             gradio.DataFrame(df)
     
-    with gradio.TabItem("Arena ELO rating", elem_id="od-benchmark-tab-table-ablation", id=3, elem_classes="subtab"): 
+    with gradio.TabItem("Arena ELO rating", id=3): 
         with gradio.Blocks() as demo:
             gradio.DataFrame(df)
 
 def tab_offline_arena():
     global MODEL_LIST
-    # with gradio.Row(): 
-    #     btn_show_history = gradio.Button("🎲  Click here to sample an example + a pair of LLM outputs! ", elem_classes="sample_button")
     with gradio.Row():
         with gradio.Column(scale=1):
-            with gradio.Accordion("Choose models to sample from", open=False, elem_classes="accordion-label"):
+            with gradio.Accordion("Choose models to sample from", open=False):
                 model_options = MODEL_LIST
-                selected_models = gradio.CheckboxGroup(model_options, info="", value=model_options, show_label=False, elem_id="select-models", interactive=True) 
-                clear_button = gradio.Button("Clear", elem_classes="btn_boderline_gray", scale=1)
+                selected_models = gradio.CheckboxGroup(model_options, info="", value=model_options, show_label=False, interactive=True) 
+                clear_button = gradio.Button("Clear", scale=1)
                 # clear the selected_models
                 clear_button.click(lambda: {selected_models: {"value": [], "__type__": "update"}}, inputs=[], outputs=[selected_models])
         with gradio.Column(scale=1):
-            with gradio.Accordion("Choose task types to sample from", open=False, elem_classes="accordion-label"):
-                select_tasks = gradio.CheckboxGroup(['Task 1', "Task 2", "Task 3"], info="", value=['Task 1', "Task 2", "Task 3"], show_label=False, elem_id="select-tasks", interactive=True) 
-                clear_task_button = gradio.Button("Clear", elem_classes="btn_boderline_gray", scale=1)
+            with gradio.Accordion("Choose task types to sample from", open=False):
+                select_tasks = gradio.CheckboxGroup(['Task 1', "Task 2", "Task 3"], info="", value=['Task 1', "Task 2", "Task 3"], show_label=False, interactive=True) 
+                clear_task_button = gradio.Button("Clear", scale=1)
                 # clear the select_tasks
                 clear_task_button.click(lambda: {select_tasks: {"value": [], "__type__": "update"}}, inputs=[], outputs=[select_tasks])
             btn_show_history = gradio.Button("Click to get sample and models' ouputs")
         with gradio.Column(scale=1):
-            with gradio.Accordion("Choose criteria to sample", open=False, elem_classes="accordion-label"):
+            with gradio.Accordion("Choose criteria to sample", open=False):
                 with gradio.Row():
                     with gradio.Tab("Task 1"):
-                        select_criteria_1 = gradio.CheckboxGroup(['Criterion 1', "Criterion 2", "Criterion 3"], info="", value=['Criterion 1', "Criterion 2", "Criterion 3"], show_label=False, elem_id="select-criteria", interactive=True) 
+                        select_criteria_1 = gradio.CheckboxGroup(['Criterion 1', "Criterion 2", "Criterion 3"], info="", value=['Criterion 1', "Criterion 2", "Criterion 3"], show_label=False, interactive=True) 
                     with gradio.Tab("Task 2"):
-                        select_criteria_2 = gradio.CheckboxGroup(['Criterion 1', "Criterion 2", "Criterion 3"], info="", value=['Criterion 1', "Criterion 2", "Criterion 3"], show_label=False, elem_id="select-criteria", interactive=True) 
+                        select_criteria_2 = gradio.CheckboxGroup(['Criterion 1', "Criterion 2", "Criterion 3"], info="", value=['Criterion 1', "Criterion 2", "Criterion 3"], show_label=False, interactive=True) 
                     with gradio.Tab("Task 3"):
-                        select_criteria_3 = gradio.CheckboxGroup(['Criterion 1', "Criterion 2", "Criterion 3"], info="", value=['Criterion 1', "Criterion 2", "Criterion 3"], show_label=False, elem_id="select-criteria", interactive=True) 
+                        select_criteria_3 = gradio.CheckboxGroup(['Criterion 1', "Criterion 2", "Criterion 3"], info="", value=['Criterion 1', "Criterion 2", "Criterion 3"], show_label=False, interactive=True) 
                 
-                clear_criteria_button = gradio.Button("Clear", elem_classes="btn_boderline_gray", scale=1)
+                clear_criteria_button = gradio.Button("Clear", scale=1)
                 # clear the select_tasks
                 clear_criteria_button.click(lambda: {select_criteria_1: {"value": [], "__type__": "update"},
                                                      select_criteria_2: {"value": [], "__type__": "update"},
                                                      select_criteria_3: {"value": [], "__type__": "update"}}, 
                                                      inputs=[], outputs=[select_criteria_1, select_criteria_2, select_criteria_3])
     
-    with gradio.Accordion("History", open=True, elem_classes="accordion-label"):
+    with gradio.Accordion("History", open=True):
         with gradio.Row():
             with gradio.Column():
                 pass
@@ -250,44 +248,25 @@ def tab_offline_arena():
     with gradio.Row():
         model_a = gradio.Text("Indeed we are.", label='Model A')
         model_b = gradio.Text("Are we?", label='Model B')
-        # with gradio.Blocks():
-            #     select_tasks.change(lambda: {select_criteria: {"value": [], "__type__": "update"}}, inputs=[], outputs=[select_criteria])
 
 
 def build_demo():
-    # global original_dfs, available_models, gpt4t_dfs, haiku_dfs, llama_dfs
-
     with gradio.Blocks(theme=gradio.themes.Soft(text_size=gradio.themes.sizes.text_lg)) as demo: # , css=css, js=js_light
-        # gradio.HTML(BANNER, elem_id="banner")
-        # gradio.Markdown(HEADER_MD.replace("{model_num}", str(len(original_dfs["-1"]))), elem_classes="markdown-text")
         
-        with gradio.Tabs(elem_classes="tab-buttons") as tabs:
-            with gradio.TabItem("🐼 MERA leaderboard", elem_id="od-benchmark-tab-table", id=0):
-                gradio.Markdown(TEST_MD, elem_classes="markdown-text-details")
+        with gradio.Tabs() as tabs:
+            with gradio.TabItem("🐼 MERA leaderboard", id=0):
+                gradio.Markdown(TEST_MD)
                 tab_leaderboard()
 
-            with gradio.TabItem("🆚 SBS by categories and criteria", elem_id="od-benchmark-tab-table", id=1):
-                # gradio.Markdown(TEST_MD, elem_classes="markdown-text-details")
+            with gradio.TabItem("🆚 SBS by categories and criteria", id=1):
                 tab_offline_arena()
 
-            with gradio.TabItem("🥊 Model arena", elem_id="od-benchmark-tab-table", id=2):
+            with gradio.TabItem("🥊 Model arena", id=2):
                 tab_online_arena()
                 # _tab_explore()
 
-            with gradio.TabItem("💪 About MERA", elem_id="od-benchmark-tab-table", id=3):
-                gradio.Markdown(TEST_MD, elem_classes="markdown-text")
-        # gr.Markdown(f"Last updated on **{LAST_UPDATED}** | [Link to V1-legacy](https://huggingface.co/spaces/allenai/WildBench-V1-legacy)", elem_classes="markdown-text-small")
-        
-        # with gr.Row():
-        #     with gr.Accordion("📙 Citation", open=False, elem_classes="accordion-label"):
-        #         gr.Textbox(
-        #             value=CITATION_TEXT, 
-        #             lines=7,
-        #             label="Copy the BibTeX snippet to cite this source",
-        #             elem_id="citation-button",
-        #             show_copy_button=True)
-                # ).style(show_copy_button=True)
-
+            with gradio.TabItem("💪 About MERA", id=3):
+                gradio.Markdown(TEST_MD)
     return demo
 
 if __name__ == "__main__":