Update app.py

app.py

@@ -5,6 +5,34 @@ from theme_dropdown import create_theme_dropdown  # noqa: F401
 
 dropdown, js = create_theme_dropdown()
 
+with gr.Blocks(theme='nota-ai/theme') as demo:
+    with gr.Row().style(equal_height=True):
+        with gr.Column(scale=10):
+            gr.Markdown(
+                """
+                # Theme preview: `theme`
+                To use this theme, set `theme='nota-ai/theme'` 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)'
+        }
+        """,
+    )
+    
+
 models = [
     {"name": "Stable Diffusion 2", "url": "stabilityai/stable-diffusion-2-1"},
     {"name": "stability AI", "url": "stabilityai/stable-diffusion-2-1-base"},