Update app.py

app.py

@@ -141,6 +141,17 @@ def display_image():
     return "https://huggingface.co/spaces/dogutcu/composting-how-tos/resolve/main/compbot.jpeg"
 
 
+custom_css = """
+<style>
+    .textbox-question {
+        background-color: #E8F0FE !important;  /* Light blue background */
+    }
+    .textbox-answer {
+        background-color: #F1F8E9 !important;  /* Light green background */
+    }
+</style>
+"""
+
 theme = gr.themes.Base().set(
     background_fill_primary='#AFC9AD',  # Light cyan background
     background_fill_primary_dark='#AFC9AD',  # Dark teal background
@@ -157,6 +168,7 @@ theme = gr.themes.Base().set(
     
 # Setup the Gradio Blocks interface with custom layout components
 with gr.Blocks(theme=theme) as demo:
+    gr.HTML(custom_css)
     gr.Image(display_image(), show_label = False, show_share_button = False, show_download_button = False)
     gr.Markdown(welcome_message)  # Display the formatted welcome message
     with gr.Row():