Update space

app.py

@@ -94,12 +94,59 @@ Add wisdom or reflection to enhance the response."""}]
         # yield yoda_response
         yield response
 
+# Customizing the Interface
+title = "🛸 Yoda's Wisdom Chatbot"
+description = """
+<strong>Welcome to Yoda's Wisdom Chatbot!</strong><br>
+Speak with the wise and cryptic Yoda. Engage in conversations filled with wisdom, reflection, and a touch of Star Wars magic.<br>
+<i>To the Force, closer you will feel. Ask away, young Padawan!</i>
+"""
+
+# Define custom CSS for styling
+custom_css = """
+#chatbot-header {
+    background-color: #000000;
+    color: #00ff00;
+    font-family: 'Courier New', monospace;
+    font-size: 24px;
+    padding: 10px;
+    text-align: center;
+    border-bottom: 2px solid #00ff00;
+}
+
+#chatbot-container {
+    background-image: url('https://wallpapercave.com/wp/wp5218303.jpg');
+    background-size: cover;
+    color: white;
+    padding: 20px;
+}
+
+.gr-button {
+    background-color: #00ff00 !important;
+    color: black !important;
+    font-size: 16px !important;
+    border-radius: 8px !important;
+    padding: 8px 16px !important;
+    border: none !important;
+}
+"""
 
 """
 For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
 """
 demo = gr.ChatInterface(
     respond,
+    title=title,
+    description=description,
+    theme="compact",
+    css=custom_css,
+    additional_inputs=[
+        gr.Textbox(
+            label="Type your message",
+            placeholder="Ask Yoda anything...",
+            lines=3,
+        )
+    ],
     # additional_inputs=[
     #     gr.Textbox(value="You are Yoda from Star Wars.", label="System message"),
     #     gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),