Updating theme

README.md

@@ -1,7 +1,7 @@
 
 ---
 tags: [gradio-theme]
-title: Apple Light
+title: apple-light
 colorFrom: red
 colorTo: purple
 sdk: gradio
@@ -10,8 +10,8 @@ app_file: app.py
 pinned: false
 license: apache-2.0
 ---
-# Apple Light
+# apple-light
 ## Description
-Apple-inspired theme with visible buttons, checkboxes, and radio buttons.
+Add a description of this theme here!
 ## Contributions
 Thanks to [@rocketpal](https://huggingface.co/rocketpal) for adding this gradio theme!

app.py

@@ -10,7 +10,7 @@ with gr.Blocks() as demo:
         with gr.Column(scale=10):
             gr.Markdown(
                 """
-                # Theme preview: `Apple Light`
+                # Theme preview: `apple-light`
                 To use this theme, set `theme='rocketpal/apple-light'` in the `launch()` method of `gr.Blocks()` or `gr.Interface()`.
                 You can append an `@` and a semantic version expression, e.g. @>=1.0.0,<2.0.0 to pin to a given version
                 of this theme.
@@ -117,22 +117,16 @@ with gr.Blocks() as demo:
 
     with gr.Row():
         with gr.Column(scale=2):
-            chatbot = gr.Chatbot(
-                value=[
-                    {"role": "user", "content": "Hello"},
-                    {"role": "assistant", "content": "Hi"}
-                ],
-                label="Chatbot"
-            )
+            chatbot = gr.Chatbot([("Hello", "Hi")], label="Chatbot")
             chat_btn = gr.Button("Add messages")
 
-            def add_messages(history):
-                time.sleep(2)
-                history.append({"role": "user", "content": "How are you?"})
-                history.append({"role": "assistant", "content": "I am good."})
-                return history
-
-            chat_btn.click(add_messages, chatbot, chatbot)
+            chat_btn.click(
+                lambda history: history
+                + [["How are you?", "I am good."]]
+                + (time.sleep(2) or []),
+                chatbot,
+                chatbot,
+            )
         with gr.Column(scale=1):
             with gr.Accordion("Advanced Settings"):
                 gr.Markdown("Hello")
@@ -143,6 +137,3 @@ with gr.Blocks() as demo:
 
 if __name__ == "__main__":
     demo.queue().launch(theme='rocketpal/apple-light')
-    
-    
-    

themes/theme_schema@0.1.6.json

@@ -0,0 +1 @@
+{"theme": {"_font": [{"__gradio_font__": true, "name": "Inter", "class": "google", "weights": [400, 600]}, "-apple-system", "BlinkMacSystemFont", "sans-serif"], "_font_css": [], "_font_mono": [{"__gradio_font__": true, "name": "JetBrains Mono", "class": "google", "weights": [400, 600]}, "ui-monospace", "monospace"], "_stylesheets": ["https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap", "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap"], "accordion_text_color": "*body_text_color", "accordion_text_color_dark": "*body_text_color", "background_fill_primary": "white", "background_fill_primary_dark": "#2c2c2e", "background_fill_secondary": "#f5f5f7", "background_fill_secondary_dark": "#3a3a3c", "block_background_fill": "white", "block_background_fill_dark": "#2c2c2e", "block_border_color": "#e8e8ed", "block_border_color_dark": "#48484a", "block_border_width": "1px", "block_info_text_color": "*body_text_color_subdued", "block_info_text_color_dark": "*body_text_color_subdued", "block_info_text_size": "*text_sm", "block_info_text_weight": "400", "block_label_background_fill": "white", "block_label_background_fill_dark": "#2c2c2e", "block_label_border_color": "*border_color_primary", "block_label_border_color_dark": "*border_color_primary", "block_label_border_width": "1px", "block_label_margin": "0", "block_label_padding": "*spacing_sm", "block_label_radius": "*radius_md", "block_label_right_radius": "0 calc(*radius_sm - 1px) 0 calc(*radius_sm - 1px)", "block_label_shadow": "none", "block_label_text_color": "#1d1d1f", "block_label_text_color_dark": "#f5f5f7", "block_label_text_size": "*text_sm", "block_label_text_weight": "600", "block_padding": "*spacing_lg", "block_radius": "*radius_lg", "block_shadow": "none", "block_shadow_dark": "0 2px 8px rgba(0,0,0,0.2)", "block_title_background_fill": "white", "block_title_background_fill_dark": "#2c2c2e", "block_title_border_color": "transparent", "block_title_border_color_dark": "transparent", "block_title_border_width": "0px", "block_title_padding": "*spacing_sm", "block_title_radius": "*radius_md", "block_title_text_color": "#1d1d1f", "block_title_text_color_dark": "#f5f5f7", "block_title_text_size": "*text_md", "block_title_text_weight": "600", "body_background_fill": "white", "body_background_fill_dark": "#1c1c1e", "body_text_color": "#1d1d1f", "body_text_color_dark": "#f5f5f7", "body_text_color_subdued": "#86868b", "body_text_color_subdued_dark": "#a1a1a6", "body_text_size": "*text_md", "body_text_weight": "400", "border_color_accent": "#d2d2d7", "border_color_accent_dark": "#545458", "border_color_accent_subdued": "*border_color_accent", "border_color_accent_subdued_dark": "*border_color_accent", "border_color_primary": "#e8e8ed", "border_color_primary_dark": "#48484a", "button_border_width": "1px", "button_border_width_dark": "1px", "button_cancel_background_fill": "#ffecec", "button_cancel_background_fill_dark": "#4a3030", "button_cancel_background_fill_hover": "#ffd9d9", "button_cancel_background_fill_hover_dark": "#5a3838", "button_cancel_border_color": "#ff3b30", "button_cancel_border_color_dark": "#ff453a", "button_cancel_border_color_hover": "#e6352b", "button_cancel_border_color_hover_dark": "#ff6961", "button_cancel_shadow": "0 1px 3px rgba(255,59,48,0.15)", "button_cancel_shadow_active": "*button_secondary_shadow_active", "button_cancel_shadow_active_dark": "*button_secondary_shadow_active", "button_cancel_shadow_dark": "0 1px 3px rgba(255,69,58,0.2)", "button_cancel_shadow_hover": "*button_secondary_shadow_hover", "button_cancel_shadow_hover_dark": "*button_secondary_shadow_hover", "button_cancel_text_color": "#ff3b30", "button_cancel_text_color_dark": "#ff6961", "button_cancel_text_color_hover": "*button_secondary_text_color_hover", "button_cancel_text_color_hover_dark": "white", "button_large_padding": "*spacing_lg calc(2 * *spacing_lg)", "button_large_radius": "*radius_md", "button_large_text_size": "*text_lg", "button_large_text_weight": "600", "button_medium_padding": "*spacing_md calc(2 * *spacing_md)", "button_medium_radius": "*radius_md", "button_medium_text_size": "*text_md", "button_medium_text_weight": "600", "button_primary_background_fill": "#0077ed", "button_primary_background_fill_dark": "#0a84ff", "button_primary_background_fill_hover": "#005bb5", "button_primary_background_fill_hover_dark": "#409cff", "button_primary_border_color": "#0077ed", "button_primary_border_color_dark": "#0a84ff", "button_primary_border_color_hover": "#005bb5", "button_primary_border_color_hover_dark": "#409cff", "button_primary_shadow": "0 2px 8px rgba(0,113,227,0.3)", "button_primary_shadow_active": "*button_primary_shadow", "button_primary_shadow_active_dark": "*button_primary_shadow", "button_primary_shadow_dark": "0 2px 8px rgba(10,132,255,0.4)", "button_primary_shadow_hover": "0 4px 12px rgba(0,113,227,0.4)", "button_primary_shadow_hover_dark": "0 4px 14px rgba(10,132,255,0.5)", "button_primary_text_color": "white", "button_primary_text_color_dark": "white", "button_primary_text_color_hover": "*button_primary_text_color", "button_primary_text_color_hover_dark": "*button_primary_text_color", "button_secondary_background_fill": "#f5f5f7", "button_secondary_background_fill_dark": "#48484a", "button_secondary_background_fill_hover": "#e8e8ed", "button_secondary_background_fill_hover_dark": "#545458", "button_secondary_border_color": "#d2d2d7", "button_secondary_border_color_dark": "#636366", "button_secondary_border_color_hover": "#aeaeb2", "button_secondary_border_color_hover_dark": "#8e8e93", "button_secondary_shadow": "0 1px 3px rgba(0,0,0,0.08)", "button_secondary_shadow_active": "*button_secondary_shadow", "button_secondary_shadow_active_dark": "*button_secondary_shadow", "button_secondary_shadow_dark": "0 1px 3px rgba(0,0,0,0.3)", "button_secondary_shadow_hover": "0 2px 6px rgba(0,0,0,0.12)", "button_secondary_shadow_hover_dark": "0 2px 6px rgba(0,0,0,0.4)", "button_secondary_text_color": "#1d1d1f", "button_secondary_text_color_dark": "#f5f5f7", "button_secondary_text_color_hover": "*button_secondary_text_color", "button_secondary_text_color_hover_dark": "*button_secondary_text_color", "button_small_padding": "*spacing_sm calc(1.5 * *spacing_sm)", "button_small_radius": "*radius_md", "button_small_text_size": "*text_sm", "button_small_text_weight": "400", "button_transform_active": "none", "button_transform_hover": "none", "button_transition": "all 0.2s ease", "chatbot_text_size": "*text_lg", "checkbox_background_color": "white", "checkbox_background_color_dark": "#3a3a3c", "checkbox_background_color_focus": "#f5f5f7", "checkbox_background_color_focus_dark": "#48484a", "checkbox_background_color_hover": "#f5f5f7", "checkbox_background_color_hover_dark": "#48484a", "checkbox_background_color_selected": "#0071e3", "checkbox_background_color_selected_dark": "#0a84ff", "checkbox_border_color": "#86868b", "checkbox_border_color_dark": "#7c7c80", "checkbox_border_color_focus": "#0071e3", "checkbox_border_color_focus_dark": "#0a84ff", "checkbox_border_color_hover": "#636366", "checkbox_border_color_hover_dark": "#a1a1a6", "checkbox_border_color_selected": "#0071e3", "checkbox_border_color_selected_dark": "#0a84ff", "checkbox_border_radius": "6px", "checkbox_border_width": "1.5px", "checkbox_border_width_dark": "*input_border_width", "checkbox_check": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\")", "checkbox_label_background_fill": "transparent", "checkbox_label_background_fill_dark": "transparent", "checkbox_label_background_fill_hover": "rgba(0,0,0,0.02)", "checkbox_label_background_fill_hover_dark": "rgba(255,255,255,0.05)", "checkbox_label_background_fill_selected": "transparent", "checkbox_label_background_fill_selected_dark": "transparent", "checkbox_label_border_color": "transparent", "checkbox_label_border_color_dark": "transparent", "checkbox_label_border_color_hover": "transparent", "checkbox_label_border_color_hover_dark": "transparent", "checkbox_label_border_color_selected": "transparent", "checkbox_label_border_color_selected_dark": "transparent", "checkbox_label_border_width": "0px", "checkbox_label_border_width_dark": "*input_border_width", "checkbox_label_gap": "*spacing_lg", "checkbox_label_padding": "*spacing_md", "checkbox_label_shadow": "none", "checkbox_label_text_color": "#1d1d1f", "checkbox_label_text_color_dark": "#f5f5f7", "checkbox_label_text_color_selected": "#1d1d1f", "checkbox_label_text_color_selected_dark": "#f5f5f7", "checkbox_label_text_size": "*text_md", "checkbox_label_text_weight": "400", "checkbox_shadow": "inset 0 1px 2px rgba(0,0,0,0.06)", "code_background_fill": "#f5f5f7", "code_background_fill_dark": "#3a3a3c", "color_accent": "#0071e3", "color_accent_soft": "rgba(0,113,227,0.1)", "color_accent_soft_dark": "rgba(10,132,255,0.15)", "container_radius": "*radius_sm", "embed_radius": "*radius_sm", "error_background_fill": "#fff5f5", "error_background_fill_dark": "#3d2020", "error_border_color": "#ff3b30", "error_border_color_dark": "#ff453a", "error_border_width": "1px", "error_icon_color": "#b91c1c", "error_icon_color_dark": "#ef4444", "error_text_color": "#ff3b30", "error_text_color_dark": "#ff453a", "font": "'Inter', -apple-system, BlinkMacSystemFont, sans-serif", "font_mono": "'JetBrains Mono', ui-monospace, monospace", "form_gap_width": "0px", "input_background_fill": "white", "input_background_fill_dark": "#2c2c2e", "input_background_fill_focus": "*input_background_fill", "input_background_fill_hover": "*input_background_fill", "input_background_fill_hover_dark": "*input_background_fill", "input_border_color": "#d2d2d7", "input_border_color_dark": "#545458", "input_border_color_focus": "#0071e3", "input_border_color_focus_dark": "#0a84ff", "input_border_color_hover": "*input_border_color", "input_border_color_hover_dark": "*input_border_color", "input_border_width": "0px", "input_padding": "*spacing_xl", "input_placeholder_color": "#aeaeb2", "input_placeholder_color_dark": "#7c7c80", "input_radius": "*radius_sm", "input_shadow": "none", "input_shadow_dark": "none", "input_shadow_focus": "0 0 0 3px rgba(0,113,227,0.12)", "input_shadow_focus_dark": "0 0 0 3px rgba(10,132,255,0.25)", "input_text_size": "*text_md", "input_text_weight": "400", "layout_gap": "*spacing_xxl", "link_text_color": "#0071e3", "link_text_color_active": "#005bb5", "link_text_color_active_dark": "#0a84ff", "link_text_color_dark": "#0a84ff", "link_text_color_hover": "#0077ed", "link_text_color_hover_dark": "#409cff", "link_text_color_visited": "#0071e3", "link_text_color_visited_dark": "#0a84ff", "loader_color": "#0071e3", "loader_color_dark": "#0a84ff", "name": "apple_theme", "neutral_100": "#fbfbfd", "neutral_200": "#f5f5f7", "neutral_300": "#e8e8ed", "neutral_400": "#d2d2d7", "neutral_50": "#ffffff", "neutral_500": "#aeaeb2", "neutral_600": "#8e8e93", "neutral_700": "#636366", "neutral_800": "#48484a", "neutral_900": "#1d1d1f", "neutral_950": "#000000", "panel_background_fill": "white", "panel_background_fill_dark": "#2c2c2e", "panel_border_color": "#e8e8ed", "panel_border_color_dark": "#48484a", "panel_border_width": "1px", "primary_100": "#e8e8ed", "primary_200": "#d2d2d7", "primary_300": "#b0b0b5", "primary_400": "#86868b", "primary_50": "#f5f5f7", "primary_500": "#1d1d1f", "primary_600": "#0071e3", "primary_700": "#0077ed", "primary_800": "#005bb5", "primary_900": "#004a93", "primary_950": "#003d7a", "prose_header_text_weight": "600", "prose_text_size": "*text_md", "prose_text_weight": "400", "radio_circle": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")", "radius_lg": "16px", "radius_md": "12px", "radius_sm": "8px", "radius_xl": "20px", "radius_xs": "6px", "radius_xxl": "28px", "radius_xxs": "4px", "secondary_100": "#f5f5f7", "secondary_200": "#e8e8ed", "secondary_300": "#d2d2d7", "secondary_400": "#aeaeb2", "secondary_50": "#fbfbfd", "secondary_500": "#8e8e93", "secondary_600": "#636366", "secondary_700": "#48484a", "secondary_800": "#3a3a3c", "secondary_900": "#2c2c2e", "secondary_950": "#1c1c1e", "section_header_text_size": "*text_md", "section_header_text_weight": "600", "shadow_drop": "0 2px 8px rgba(0,0,0,0.08)", "shadow_drop_lg": "0 4px 16px rgba(0,0,0,0.12)", "shadow_inset": "inset 0 1px 2px rgba(0,0,0,0.06)", "shadow_spread": "4px", "shadow_spread_dark": "4px", "slider_color": "#0071e3", "slider_color_dark": "#0a84ff", "spacing_lg": "8px", "spacing_md": "6px", "spacing_sm": "4px", "spacing_xl": "10px", "spacing_xs": "2px", "spacing_xxl": "16px", "spacing_xxs": "1px", "stat_background_fill": "*primary_50", "stat_background_fill_dark": "*neutral_800", "table_border_color": "#e8e8ed", "table_border_color_dark": "#48484a", "table_even_background_fill": "white", "table_even_background_fill_dark": "#2c2c2e", "table_odd_background_fill": "#f5f5f7", "table_odd_background_fill_dark": "#3a3a3c", "table_radius": "*radius_lg", "table_row_focus": "*color_accent_soft", "table_row_focus_dark": "*color_accent_soft", "table_text_color": "*body_text_color", "table_text_color_dark": "*body_text_color", "text_lg": "16px", "text_md": "14px", "text_sm": "12px", "text_xl": "22px", "text_xs": "10px", "text_xxl": "26px", "text_xxs": "9px"}, "version": {"version": "0.1.6"}}