Update app.py

app.py

@@ -488,6 +488,42 @@ def rag_memory_stream(message, history):
     # After generating the complete response, add it to history
     user_session.add_to_history("assistant", full_response)
 
+custom_css = """
+body {
+    font-family: "Arial", serif;
+}
+.gradio-container {
+    font-family: "Times New Roman", serif;
+}
+.gr-button {
+    background-color: #007bff; /* Blue button */
+    color: white;
+    border: none;
+    border-radius: 5px;
+    font-size: 16px;
+    padding: 10px 20px;
+    cursor: pointer;
+}
+.gr-textbox:focus, .gr-button:focus {
+    outline: none; /* Remove outline focus for a cleaner look */
+}
+/* Custom CSS for the examples section */
+.gr-examples {
+    font-size: 30px; /* Increase font size of examples */
+    background-color: #f9f9f9; /* Light background color */
+    border-radius: 30px; /* Rounded corners */
+}
+.gr-examples .example {
+    background-color: white; /* White background for each example */
+    cursor: pointer; /* Change cursor to pointer on hover */
+    transition: background-color 0.3s ease; /* Smooth hover effect */
+}
+.gr-examples .example:hover {
+    background-color: #f1f1f1; /* Light gray background on hover */
+}
+"""
+
+
 # Gradio Interface Setup with improved UX
 def chatbot_interface():
     # Get API key (in a real application, handle this more securely)
@@ -530,7 +566,7 @@ def chatbot_interface():
         with registration_container:
             gr.Markdown(
     """
-    <div style='font-size: 26px;'>
+    <div style='font-size: 32px;'>
          Your privacy is our concern, please provide your nickname.
     </div>
     """
@@ -556,6 +592,8 @@ def chatbot_interface():
                 fn=rag_memory_stream,
                 title="Chat with GBVR",
                 fill_height=True,
+                css=custom_css,
+                theme="soft",
             )
 
             # Footer with version info
@@ -573,4 +611,4 @@ def chatbot_interface():
 # Launch the interface
 if __name__ == "__main__":
     # Launch the interface
-    chatbot_interface().launch(share=True, inbrowser=True)
+    chatbot_interface().launch(share=True, inbrowser=True, debug=True)