Update app.py

app.py

@@ -3,7 +3,45 @@ from bs4 import BeautifulSoup
 import requests
 import re
 import pandas as pd
+from theme_dropdown import create_theme_dropdown  # noqa: F401
 
+import gradio as gr
+
+dropdown, js = create_theme_dropdown()
+with gr.Blocks(theme='gstaff/xkcd') as demo:
+    with gr.Row().style(equal_height=True):
+        with gr.Column(scale=10):
+            gr.Markdown(
+                """
+                # Theme preview: `xkcd`
+                To use this theme, set `theme='gstaff/xkcd'` 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');
+            document.querySelector('gradio-app').style.backgroundColor = 'var(--color-background-primary)'
+        }
+        """,
+    )
+
+    name = gr.Textbox(
+        label="Name",
+        info="Full name, including middle name. No special characters.",
+        placeholder="John Doe",
+        value="John Doe",
+        interactive=True,
+    )
 
 def get_video_address(row):