Update app.py

app.py

@@ -560,17 +560,20 @@ agent = smolagents.CodeAgent(
 # UI (copied from w0g2EzpD7fUy, adjusted for app.py)
 # Minimal Gradio chat
 
-with gr.Blocks(theme=gr.themes.Default(primary_hue="blue")) as demo:
+
+with gr.Blocks(theme=gr.themes.Glass()) as demo:
+    
+    # Centered title and description using HTML
     gr.HTML("""
-    <style>
-        h2 { text-align: center; color: #1f77b4; }
-    </style>
+    <div style="text-align: center;">
+        <h2 style="color:#1f77b4;">🤖 TechSpark AI Assistant</h2>
+        <p>Welcome to the TechSpark AI Assistant!<br>
+        Ask anything about <b>TechSpark staff, tools, courses or location of tools</b>.<br>
+        This assistant is powered by <b>OpenAI's GPT model</b> via <code>smolagents</code>, 
+        accessing accurate information from our curated dataset verified by TechSpark staff!</p>
+    </div>
     """)
-    
-    gr.Markdown("""## 🤖 TechSpark AI Assistant
-        Welcome to the TechSpark AI Assistant!  
-        Ask anything about **TechSpark staff, tools, courses or location of tools**  
-        This assistant is powered by **OpenAI's GPT model** via `smolagents`, accessing accurate information from our curated dataset verified by techspark staff!""")
+
     chat = gr.Chatbot(height=420)
     inp = gr.Textbox(placeholder="Ask your question in natural language.", label="Your question")