Update app.py

app.py

@@ -1,148 +1,148 @@
-import time
-
-import gradio as gr
-from gradio.themes.utils.theme_dropdown import create_theme_dropdown
-
-dropdown, js = create_theme_dropdown()
-
-with gr.Blocks(theme='MackinationsAi/dark_evo') as demo:
-    with gr.Row().style(equal_height=True):
-        with gr.Column(scale=10):
-            gr.Markdown(
-                """
-                # Theme preview: `dark_evo`
-                To use this theme, set `theme='MackinationsAi/dark_evo'` in `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.
-                """
-            )
-        with gr.Column(scale=3):
-            with gr.Box():
-                dropdown.render()
-                toggle_dark = gr.Button(value="Toggle Dark").style(full_width=True)
-
-    dropdown.change(None, dropdown, None, _js=js)
-    toggle_dark.click(
-        None,
-        _js="""
-        () => {
-            document.body.classList.toggle('dark');
-        }
-        """,
-    )
-
-    name = gr.Textbox(
-        label="Name",
-        info="Full name, including middle name. No special characters.",
-        placeholder="MackinationsAi",
-        value="MackinationsAi",
-        interactive=True,
-    )
-
-    with gr.Row():
-        slider1 = gr.Slider(label="Slider 1")
-        slider2 = gr.Slider(label="Slider 2")
-    gr.CheckboxGroup(["A", "B", "C"], label="Checkbox Group")
-
-    with gr.Row():
-        with gr.Column(variant="panel", scale=1):
-            gr.Markdown("## Panel Demo")
-            radio = gr.Radio(
-                ["A", "B", "C"],
-                label="Theme Info",
-                info="A gradio dark_theme for those of you how like to customize your own UI for a1111, forge & beyond. Hope you enjoy this theme! [If you'd like to customize the avatar, please duplicate this space and add your own image link in this app.py file in the Image widget below, as well as in themes/[email protected] file]",
-            )
-            drop = gr.Dropdown(["Option 1", "Option 2", "Option 3"], show_label=False)
-            drop_2 = gr.Dropdown(
-                ["Option A", "Option B", "Option C"],
-                multiselect=True,
-                value=["Option A"],
-                label="Dropdown",
-                interactive=True,
-            )
-            check = gr.Checkbox(label="Go")
-        with gr.Column(variant="panel", scale=2):
-            img = gr.Image(
-                "https://i.ibb.co/98pxhL6/dark-dark-evo.webp",
-                label="Image",
-            ).style(height=320)
-            with gr.Row():
-                go_btn = gr.Button("Go", label="Primary Button", variant="primary")
-                clear_btn = gr.Button(
-                    "Clear", label="Secondary Button", variant="secondary"
-                )
-
-                def go(*args):
-                    time.sleep(3)
-                    return "https://i.ibb.co/FHm8Xf3/faded-dark-evo.webp"
-
-                go_btn.click(go, [radio, drop, drop_2, check, name], img, api_name="go")
-
-                def clear():
-                    time.sleep(0.2)
-                    return None
-
-                clear_btn.click(clear, None, img)
-
-            with gr.Row():
-                btn1 = gr.Button("Button 1").style(size="sm")
-                btn2 = gr.UploadButton().style(size="sm")
-                stop_btn = gr.Button("Stop", label="Stop Button", variant="stop").style(
-                    size="sm"
-                )
-
-    with gr.Row():
-        gr.Dataframe(value=[[1, 2, 3], [4, 5, 6], [7, 8, 9]], label="Dataframe")
-        gr.JSON(
-            value={"a": 1, "b": 2, "c": {"test": "a", "test2": [1, 2, 3]}}, label="JSON"
-        )
-        gr.Label(value={"dog": 0.6, "cat": 0.3, "lizard": 0.1})
-        gr.File()
-    with gr.Row():
-        gr.ColorPicker()
-        gr.Video("https://gradio-static-files.s3.us-west-2.amazonaws.com/world.mp4")
-        gr.Gallery(
-            [
-                (
-                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/logo.png",
-                    "logo",
-                ),
-                (
-                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/lion.jpg",
-                    "lion",
-                ),
-                (
-                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/tower.jpg",
-                    "tower",
-                ),
-            ]
-        ).style(height="200px", grid=2)
-
-    with gr.Row():
-        with gr.Column(scale=2):
-            chatbot = gr.Chatbot([("Hello", "Hi")], label="Chatbot")
-            chat_btn = gr.Button("Add messages")
-
-            def chat(history):
-                time.sleep(2)
-                yield [["How ya doing?", "I'm great, cheers! Thanks for asking."]]
-
-            chat_btn.click(
-                lambda history: history
-                + [["How ya doing?", "I'm great, cheers! Thanks for asking."]]
-                + (time.sleep(2) or []),
-                chatbot,
-                chatbot,
-            )
-        with gr.Column(scale=1):
-            with gr.Accordion("Advanced Settings", open=False):
-                gr.Markdown("Hello")
-                gr.Number(label="Chatbot control 1")
-                gr.Number(label="Chatbot control 2")
-                gr.Number(label="Chatbot control 3")
-
-
-if __name__ == "__main__":
-    demo.queue().launch()
-
-# Based on NoCrypt's original miku theme_scheme     
+import time
+
+import gradio as gr
+from gradio.themes.utils.theme_dropdown import create_theme_dropdown
+
+dropdown, js = create_theme_dropdown()
+
+with gr.Blocks(theme='MackinationsAi/dark_evo') as demo:
+    with gr.Row().style(equal_height=True):
+        with gr.Column(scale=10):
+            gr.Markdown(
+                """
+                # Theme preview: `dark_evo`
+                To use this theme, set `theme='MackinationsAi/dark_evo'` in `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.
+                """
+            )
+        with gr.Column(scale=3):
+            with gr.Box():
+                dropdown.render()
+                toggle_dark = gr.Button(value="Toggle Dark")
+
+    dropdown.change(None, dropdown, None, _js=js)
+    toggle_dark.click(
+        None,
+        _js="""
+        () => {
+            document.body.classList.toggle('dark');
+        }
+        """,
+    )
+
+    name = gr.Textbox(
+        label="Name",
+        info="Full name, including middle name. No special characters.",
+        placeholder="MackinationsAi",
+        value="MackinationsAi",
+        interactive=True,
+    )
+
+    with gr.Row():
+        slider1 = gr.Slider(label="Slider 1")
+        slider2 = gr.Slider(label="Slider 2")
+    gr.CheckboxGroup(["A", "B", "C"], label="Checkbox Group")
+
+    with gr.Row():
+        with gr.Column(variant="panel", scale=1):
+            gr.Markdown("## Panel Demo")
+            radio = gr.Radio(
+                ["A", "B", "C"],
+                label="Theme Info",
+                info="A gradio dark_theme for those of you how like to customize your own UI for a1111, forge & beyond. Hope you enjoy this theme! [If you'd like to customize the avatar, please duplicate this space and add your own image link in this app.py file in the Image widget below, as well as in themes/[email protected] file]",
+            )
+            drop = gr.Dropdown(["Option 1", "Option 2", "Option 3"], show_label=False)
+            drop_2 = gr.Dropdown(
+                ["Option A", "Option B", "Option C"],
+                multiselect=True,
+                value=["Option A"],
+                label="Dropdown",
+                interactive=True,
+            )
+            check = gr.Checkbox(label="Go")
+        with gr.Column(variant="panel", scale=2):
+            img = gr.Image(
+                "https://i.ibb.co/98pxhL6/dark-dark-evo.webp",
+                label="Image",
+            ).style(height=320)
+            with gr.Row():
+                go_btn = gr.Button("Go", label="Primary Button", variant="primary")
+                clear_btn = gr.Button(
+                    "Clear", label="Secondary Button", variant="secondary"
+                )
+
+                def go(*args):
+                    time.sleep(3)
+                    return "https://i.ibb.co/FHm8Xf3/faded-dark-evo.webp"
+
+                go_btn.click(go, [radio, drop, drop_2, check, name], img, api_name="go")
+
+                def clear():
+                    time.sleep(0.2)
+                    return None
+
+                clear_btn.click(clear, None, img)
+
+            with gr.Row():
+                btn1 = gr.Button("Button 1").style(size="sm")
+                btn2 = gr.UploadButton().style(size="sm")
+                stop_btn = gr.Button("Stop", label="Stop Button", variant="stop").style(
+                    size="sm"
+                )
+
+    with gr.Row():
+        gr.Dataframe(value=[[1, 2, 3], [4, 5, 6], [7, 8, 9]], label="Dataframe")
+        gr.JSON(
+            value={"a": 1, "b": 2, "c": {"test": "a", "test2": [1, 2, 3]}}, label="JSON"
+        )
+        gr.Label(value={"dog": 0.6, "cat": 0.3, "lizard": 0.1})
+        gr.File()
+    with gr.Row():
+        gr.ColorPicker()
+        gr.Video("https://gradio-static-files.s3.us-west-2.amazonaws.com/world.mp4")
+        gr.Gallery(
+            [
+                (
+                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/logo.png",
+                    "logo",
+                ),
+                (
+                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/lion.jpg",
+                    "lion",
+                ),
+                (
+                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/tower.jpg",
+                    "tower",
+                ),
+            ]
+        ).style(height="200px", grid=2)
+
+    with gr.Row():
+        with gr.Column(scale=2):
+            chatbot = gr.Chatbot([("Hello", "Hi")], label="Chatbot")
+            chat_btn = gr.Button("Add messages")
+
+            def chat(history):
+                time.sleep(2)
+                yield [["How ya doing?", "I'm great, cheers! Thanks for asking."]]
+
+            chat_btn.click(
+                lambda history: history
+                + [["How ya doing?", "I'm great, cheers! Thanks for asking."]]
+                + (time.sleep(2) or []),
+                chatbot,
+                chatbot,
+            )
+        with gr.Column(scale=1):
+            with gr.Accordion("Advanced Settings", open=False):
+                gr.Markdown("Hello")
+                gr.Number(label="Chatbot control 1")
+                gr.Number(label="Chatbot control 2")
+                gr.Number(label="Chatbot control 3")
+
+
+if __name__ == "__main__":
+    demo.queue().launch()
+
+# Based on NoCrypt's original miku theme_scheme