Update app.py

app.py

@@ -69,7 +69,7 @@ with gr.Blocks(theme="soft") as demo:
                 ],
             )
 
-    # Styling the background and adding animations
+    # Styling the background, chat transparency, and text color
     demo.css = """
     @keyframes fadeIn {
         0% { opacity: 0; }
@@ -103,7 +103,25 @@ with gr.Blocks(theme="soft") as demo:
         color: white;
         border-radius: 5px;
     }
+
+    /* Make the chat messages transparent and set text to white */
+    .gr-chatbox {
+        background: rgba(0, 0, 0, 0.4);  /* Transparent black background */
+        color: white !important;          /* Set text color to white */
+    }
+
+    .gr-chatbox .gr-message {
+        color: white !important;  /* Ensures messages are white */
+    }
+    
+    .gr-chatbox .gr-message-user {
+        color: white !important;  /* User messages are white */
+    }
+
+    .gr-chatbox .gr-message-assistant {
+        color: white !important;  /* Assistant messages are white */
+    }
     """
     
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()