theme update

app.py

@@ -71,63 +71,9 @@ def chat(user_input, history):
         invalid_response = "Invalid input. Please use the format: <Number>. <Description>: query"
         return invalid_response
 
-css = """
-/* Overall Background and Text */
-body {
-    background-color: #1e1e2f;
-    color: #e0e0e0;
-}
-
-.gradio-container {
-    background-color: #1e1e2f;
-    color: #e0e0e0;
-}
-
-/* Markdown Heading */
-.gr-markdown {
-    color: #c3e88d;
-}
-
-/* Textbox Styles */
-.gr-textbox input[type="text"], .gr-textbox textarea {
-    background-color: #2e2e3e;
-    color: #dcdcdc;
-    border: 1px solid #44475a;
-}
-
-.gr-textbox input[type="text"]::placeholder, .gr-textbox textarea::placeholder {
-    color: #777;
-}
-
-/* Button Styles */
-.gr-button {
-    background-color: #3b3b57;
-    color: #ffffff;
-    border: 1px solid #4c4c66;
-}
-
-.gr-button:hover {
-    background-color: #4c4c66;
-    color: #ffffff;
-}
-
-/* Chat Interface */
-.gr-chatinterface {
-    background-color: #1e1e2f;
-    color: #e0e0e0;
-    border: 1px solid #44475a;
-}
-
-/* Status Textbox */
-.gr-textbox .status {
-    background-color: #2e2e3e;
-    color: #c3e88d;
-    border: 1px solid #44475a;
-}
-"""
 
 # Gradio Interface using ChatInterface
-with gr.Blocks(fill_height=True, css=css) as demo:
+with gr.Blocks(fill_height=True, theme=gr.themes.Ocean()) as demo:
     gr.Markdown("## Simulator Setup")
 
     # Input fields for initialization
@@ -140,7 +86,7 @@ with gr.Blocks(fill_height=True, css=css) as demo:
     status = gr.Textbox(label="Status", interactive=False)
 
     # Chat interface to handle user interactions
-    chat_interface = gr.ChatInterface(fn=chat)
+    chat_interface = gr.ChatInterface(fn=chat, type='messages')
 
     # Define the callback function to initialize the simulator and update status
     def initialize_and_start_chat(task, app_name, sitemap):