Update app.py

app.py

@@ -168,6 +168,7 @@ theme = gr.themes.Default(
     primary_hue="neutral",
     secondary_hue="neutral",
 ).set(
+    background_fill_primary='#e3e9da',
     background_fill_primary_dark='#e3e9da',
     background_fill_secondary="#f8f1ea",
     background_fill_secondary_dark="#f8f1ea",
@@ -181,6 +182,17 @@ theme = gr.themes.Default(
 )
     
 # Setup the Gradio Blocks interface with custom layout components
+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.Blocks(theme=theme) as demo:
     gr.Image("CalmConnect.jpg", show_label = False, show_share_button = False, show_download_button = False)
     gr.Markdown(welcome_message)  # Display the formatted welcome message