Update app.py

app.py

@@ -91,36 +91,28 @@ def respond(message, chat_history):
     # Return the updated chat history and the image paths
     return chat_history, image_paths
 
-
-#CSS
-/* Chatbot container background */
-[data-testid="chatbot"] {
-    background-color: #407076 !important;
-    color: white !important;
-}
-
-/* Chatbot message area */
-[data-testid="chatbot"] .message {
-    color: white !important;
+# --- CSS styling ---
+css = """
+/* Container background */
+.gradio-container { background-color: #EBBAB9; }
+/* Input boxes */
+.gr-input-label, .gr-textbox, .gr-textarea {
+    background-color: #698996 !important;
+    color: white;
 }
-
-/* Gallery background */
-[data-testid="gallery"] {
+/* Panels: Chatbot & Gallery */
+.gr-panel, .gr-chatbot, .gr-gallery {
     background-color: #407076 !important;
+    color: white;
 }
-
 /* Gallery images */
-[data-testid="gallery"] img {
-    border: 3px solid #D3AF37 !important;
-    border-radius: 8px !important;
-}
-
-/* Optional: Markdown text color */
-.gr-markdown {
-    color: white !important;
+.gr-gallery-item img {
+    border: 3px solid #D3AF37;
+    border-radius: 8px;
 }
+"""
 
-# Gradio UI
+# --- Gradio UI ---
 with gr.Blocks(css=css) as demo:
     gr.Markdown("# Fashionista - Your Personal Style Assistant")
     gr.Markdown("Ask me what to wear and I'll suggest clothing with images from the database.")