Upload folder using huggingface_hub

app.py

@@ -50,6 +50,7 @@ def get_doc_theme_var_groups():
     return groups, flat_variables
 
 
+
 variable_groups, flat_variables = get_doc_theme_var_groups()
 
 css = """
@@ -99,6 +100,18 @@ with gr.Blocks(  # noqa: SIM117
                         show_label=False,
                     )
                     load_theme_btn = gr.Button("Load Theme", elem_id="load_theme")
+                    gr.Markdown(
+                        """
+                    Load a custom theme. Note: when you click 'Load Theme', all variable values in other tabs will be overwritten!
+                    """
+                    )
+                    
+                    custom_theme_name = gr.Textbox(
+                        label="THeme Name",
+                        placeholder="gradio/seafoam",
+                        interactive=True,
+                    )
+                    load_custom_theme_btn = gr.Button("Load Custom Theme",)
                 with gr.TabItem("Core Colors"):
                     gr.Markdown(
                         """Set the three hues of the theme: `primary_hue`, `secondary_hue`, and `neutral_hue`.
@@ -492,9 +505,13 @@ with gr.Blocks(  # noqa: SIM117
             + theme_var_input
         )
 
-        def load_theme(theme_name):
-            theme = [theme for theme in themes if theme.__name__ == theme_name][0]
-
+        def load_theme(theme_name, custom_theme: gr.themes.Base = None):
+            if custom_theme:
+                theme = custom_theme
+            else:
+                theme = [theme for theme in themes if theme.__name__ == theme_name][0]
+                theme = theme()
+            print(theme.__dict__)
             parameters = inspect.signature(theme.__init__).parameters
             primary_hue = parameters["primary_hue"].default
             secondary_hue = parameters["secondary_hue"].default
@@ -503,7 +520,7 @@ with gr.Blocks(  # noqa: SIM117
             spacing_size = parameters["spacing_size"].default
             radius_size = parameters["radius_size"].default
 
-            theme = theme()
+            
 
             font = theme._font[:4]
             font_mono = theme._font_mono[:4]
@@ -538,6 +555,15 @@ with gr.Blocks(  # noqa: SIM117
                 + var_output
             )
 
+        def load_custom_theme(custom_theme_name):
+            print("load custom theme")
+            theme = gr.Theme.from_hub(custom_theme_name)
+            print("loaded custom theme")
+            return load_theme(theme.name, theme)
+        
+
+        load_custom_theme_btn.click(load_custom_theme, custom_theme_name, theme_inputs, show_api=False)
+
         def generate_theme_code(
             base_theme, final_theme, core_variables, final_main_fonts, final_mono_fonts
         ):
@@ -620,6 +646,7 @@ with gr.Blocks(  # noqa: SIM117
                         diff = True
                 if diff:
                     new_final_attr_values = {}
+                    # We need to update the theme keys to match the color and size attribute names
                     for key, val in final_attr_values.items():
                         if key.startswith(("primary_", "secondary_", "neutral_")):
                             color_key = "c" + key.split("_")[-1]
@@ -629,7 +656,10 @@ with gr.Blocks(  # noqa: SIM117
                             new_final_attr_values[size_key] = val
                         else:
                             new_final_attr_values[key] = val
-                    specific_core_diffs[value_name] = (source_class, new_final_attr_values)
+                    specific_core_diffs[value_name] = (
+                        source_class,
+                        new_final_attr_values,
+                    )
 
             font_diffs = {}