Update app.py

app.py

@@ -54,7 +54,7 @@ def get_chatbot_response(user_message, insurance_type, country, conversation_his
 
     return conversation_history, chat_display
 
-# ✅ Styling and Theme
+# ✅ Styling and Theme with Yellow Text in Blue Background
 theme = gr.themes.Base().set(
     body_background_fill="linear-gradient(to right, #0052CC, #00AFFF)",
     button_primary_background_fill="#0052CC",
@@ -62,8 +62,9 @@ theme = gr.themes.Base().set(
 )
 
 custom_css = """
+/* Title text with blue-to-yellow gradient */
 .title-text {
-    background: #0052CC;
+    background: linear-gradient(90deg, #0052CC, #FFD700);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
@@ -74,20 +75,39 @@ custom_css = """
     text-align: center;
     font-size: 45px;
 }
+
+/* Make all regular text yellow if inside a blue background */
+body, .gradio-container {
+    color: #FFD700 !important; /* Yellow text */
+}
+
+/* Keep chat messages white for readability */
+.chat-message {
+    color: white !important;
+}
+
+/* Insurance buttons */
 .insurance-button {
-    border: 1px solid #0052CC;
+    border: 1px solid #FFD700;
     background-color: transparent;
     font-size: 15px;
     padding: 5px 15px;
     border-radius: 16px;
     margin: 0 5px;
+    color: #FFD700; /* Yellow text */
 }
 .insurance-button:hover {
-    background: linear-gradient(90deg, #0052CC, #00AFFF);
+    background: linear-gradient(90deg, #FFD700, #00AFFF);
     color: white;
 }
+
+/* Chatbot text background styling */
+.gradio-container .block.markdown {
+    color: #FFD700 !important; /* Ensures markdown text is yellow */
+}
 """
 
+
 def clear_history():
     return []