Update app.py

app.py

@@ -14,34 +14,33 @@ chatbot = gr.ChatInterface(magic_8_ball, title = "Magic 8 Ball", description = "
 #defining my chatbot so users can interact and see their conversation history and send new messages!
 
 
+
 with gr.Blocks(
     theme=gr.themes.Soft(
         primary_hue="purple",
         secondary_hue="fuchsia",
         neutral_hue="gray",
         text_size="lg"
-   .set(
-    background_fill_primary='*neutral_200',
-    background_fill_primary_dark='gray',   # 👈 This sets the background in dark mode to gray
-    background_fill_secondary='neutral_100',
-    background_fill_secondary_dark='gray', # 👈 Optional: also make containers gray in dark mode
-    border_color_accent='*secondary_400',
-    border_color_accent_dark='*secondary_800',
-    color_accent='*secondary_600',
-    color_accent_soft='*secondary_200',
-    color_accent_soft_dark='*secondary_400',
-    button_primary_background_fill='*secondary_500',
-    button_primary_background_fill_dark='*secondary_600'
-   )
-
-) as demo:  # This is the correct place for 'as demo'
-
-    chatbot = gr.ChatInterface(
+    ).set(
+        background_fill_primary='*neutral_200',
+        background_fill_primary_dark='gray',
+        background_fill_secondary='neutral_100',
+        background_fill_secondary_dark='gray',
+        border_color_accent='*secondary_400',
+        border_color_accent_dark='*secondary_800',
+        color_accent='*secondary_600',
+        color_accent_soft='*secondary_200',
+        color_accent_soft_dark='*secondary_400',
+        button_primary_background_fill='*secondary_500',
+        button_primary_background_fill_dark='*secondary_600'
+    )
+) as demo:
+
+    gr.ChatInterface(
         fn=magic_8_ball,
         title="Magic 8 Ball",
         description="Let's play magic 8 ball!",
         type="messages"
     )
 
-
 demo.launch()