Update app.py

app.py

@@ -52,7 +52,7 @@ css = """
 @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&display=swap');
 
 body { 
-    background-color: #ffffff; 
+    background-color: #f0f5fb; /* Light pastel blue background */
     font-family: 'Crimson Pro', 'Palatino', serif;
     max-width: 100%;
     overflow-x: hidden;
@@ -107,7 +107,24 @@ body {
     opacity: 0.9;
     margin-top: 5px;
 }
-button, .gradio-button {
+/* Send and Clear Chat buttons with gold accents */
+button[aria-label="Send"], button[aria-label="Clear Chat"] {
+    background: white !important;
+    color: #333 !important;
+    border: 2px solid #e6c200 !important;
+    border-radius: 8px !important;
+    padding: 8px 16px !important;
+    font-weight: 600 !important;
+    transition: all 0.3s ease !important;
+    font-family: 'Crimson Pro', serif !important;
+}
+button[aria-label="Send"]:hover, button[aria-label="Clear Chat"]:hover {
+    background: #fff9e6 !important;
+    transform: translateY(-1px) !important;
+    box-shadow: 0 3px 6px rgba(230, 194, 0, 0.2) !important;
+}
+/* Other buttons remain with blue gradient */
+button:not([aria-label="Send"]):not([aria-label="Clear Chat"]), .gradio-button:not([aria-label="Send"]):not([aria-label="Clear Chat"]) {
     background: linear-gradient(to right, #4a90e2, #75c6ef) !important;
     color: white !important;
     border: none !important;
@@ -117,7 +134,7 @@ button, .gradio-button {
     transition: all 0.3s ease !important;
     font-family: 'Crimson Pro', serif !important;
 }
-button:hover, .gradio-button:hover {
+button:not([aria-label="Send"]):not([aria-label="Clear Chat"]):hover, .gradio-button:not([aria-label="Send"]):not([aria-label="Clear Chat"]):hover {
     transform: translateY(-1px) !important;
     box-shadow: 0 3px 6px rgba(74, 144, 226, 0.2) !important;
 }
@@ -147,6 +164,10 @@ button:hover, .gradio-button:hover {
     font-family: 'Crimson Pro', serif !important;
     font-size: 16px !important;
 }
+/* Remove the blue background behind message text */
+.chatbot .user-message p, .chatbot .assistant-message p {
+    background-color: transparent !important;
+}
 .chatbot .user-message {
     color: #333333 !important;
 }