Update app.py

app.py

@@ -192,10 +192,10 @@ def clear_chat():
     )
 
 # Gradio UI Layout
-with gr.Blocks() as demo:
+with gr.Blocks(theme=gr.themes.Ocean()) as demo:
     gr.Markdown("## GPT-4.5 Preview Chatbot")
 
-    with gr.Accordion("How to Use This App!", open=False):
+    with gr.Accordion("How to Use This App!", open=False, elem_id="neuroscope-accordion"):
         gr.Markdown("""
         ### Getting Started:
         1. Enter your OpenAI API key in the field at the top and click "Set API Key"
@@ -233,7 +233,7 @@ with gr.Blocks() as demo:
         """)
 
     # Accordion for explaining hyperparameters
-    with gr.Accordion("Hyperparameters", open=False):
+    with gr.Accordion("Hyperparameters", open=False, elem_id="neuroscope-accordion"):
         gr.Markdown("""
         ### Temperature: 
         Controls the randomness of the model's output. A lower temperature makes the model more deterministic, while a higher temperature makes it more creative and varied.
@@ -271,6 +271,10 @@ with gr.Blocks() as demo:
         #transcribe_button:hover {
             background: linear-gradient(135deg, #38a169 0%, #68d391 100%); /* Slightly darker green gradient on hover */
         }
+        #neuroscope-accordion {
+            background: linear-gradient(to right, #00ff94, #00b4db); 
+            border-radius: 8px;
+        }
     </style>
     """)