argilla-theme (#16)

- include variants (74e248ee5499862298762591c14a3af97e4acdce)
- include argilla-theme (c6b2612bbde2c14af9fd0d18af3e2f6de236e5fc)

app.py

@@ -1,70 +0,0 @@
-import gradio as gr
-
-from src.distilabel_dataset_generator._tabbedinterface import TabbedInterface
-from src.distilabel_dataset_generator.apps.faq import app as faq_app
-from src.distilabel_dataset_generator.apps.sft import app as sft_app
-from src.distilabel_dataset_generator.apps.textcat import app as textcat_app
-
-theme = gr.themes.Monochrome(
-    spacing_size="md",
-    font=[gr.themes.GoogleFont("Inter"), "ui-sans-serif", "system-ui", "sans-serif"],
-)
-
-css = """
-.main_ui_logged_out{opacity: 0.3; pointer-events: none}
-.tabitem{border: 0px}
-.group_padding{padding: .55em}
-#space_model .wrap > label:last-child{opacity: 0.3; pointer-events:none}
-#system_prompt_examples {
-    color: black;
-}
-@media (prefers-color-scheme: dark) {
-    #system_prompt_examples {
-        color: white;
-        background-color: black;
-    }
-}
-button[role="tab"].selected,
-button[role="tab"][aria-selected="true"],
-button[role="tab"][data-tab-id][aria-selected="true"] {
-    background-color: #000000;
-    color: white;
-    border: none;
-    font-size: 16px;
-    font-weight: bold;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    transition: background-color 0.3s ease, color 0.3s ease;
-}
-.gallery {
-    color: black !important;
-}
-@media (prefers-color-scheme: dark) {
-    .gallery {
-        color: white !important;
-    }
-}
-.flex-shrink-0.truncate.px-1 {
-    color: black !important;
-}
-@media (prefers-color-scheme: dark) {
-    .flex-shrink-0.truncate.px-1 {
-        color: white !important;
-    }
-}
-"""
-
-demo = TabbedInterface(
-    [textcat_app, sft_app, faq_app],
-    ["Text Classification", "Supervised Fine-Tuning", "FAQ"],
-    css=css,
-    title="""
-    <h1>Synthetic Data Generator</h1>
-    <h3>Build datasets using natural language</h3>
-    """,
-    head="Synthetic Data Generator",
-    theme=theme,
-)
-
-
-if __name__ == "__main__":
-    demo.launch()

src/distilabel_dataset_generator/_tabbedinterface.py

@@ -64,7 +64,7 @@ class TabbedInterface(Blocks):
                 HTML(value=title)
                 with gr.Row():
                     with gr.Column(scale=1):
-                        gr.LoginButton(value="Sign in!", size="sm", scale=2)
+                        gr.LoginButton(value="Sign in!", variant="hf-login", size="sm", scale=2)
                     with gr.Column(scale=3):
                         pass
             with Tabs():

src/distilabel_dataset_generator/apps/eval.py

@@ -188,7 +188,7 @@ with gr.Blocks() as app:
                 search_type="dataset",
                 sumbit_on_select=True,
             )
-            load_btn = gr.Button("Load dataset")
+            load_btn = gr.Button("Load dataset", variant="primary")
         with gr.Column(scale=3):
             search_out = gr.HTML(label="Dataset Preview")
 

src/distilabel_dataset_generator/apps/sft.py

@@ -360,7 +360,7 @@ with gr.Blocks(css=_LOGGED_OUT_CSS) as app:
                     label="Example descriptions",
                 )
 
-                load_btn = gr.Button("Load dataset")
+                load_btn = gr.Button("Load dataset", variant="primary")
             with gr.Column(scale=3):
                 pass
 

src/distilabel_dataset_generator/apps/textcat.py

@@ -368,7 +368,7 @@ with gr.Blocks(css=_LOGGED_OUT_CSS) as app:
                     cache_examples=False,
                     label="Example descriptions",
                 )
-                load_btn = gr.Button("Load dataset")
+                load_btn = gr.Button("Load dataset", variant="primary")
             with gr.Column(scale=3):
                 pass