Update app.py

app.py

@@ -306,23 +306,29 @@ qa_chain = setup_qa_chain(vector_db, llm)
 custom_css = """
 /* Main container styling */
 .gradio-container {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, #4B0082 0%, #9370DB 100%);
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    position: relative; /* Ensure positioning context for pseudo-element */
+    position: relative;
 }
 
-/* Add mindful emojis in the background */
 .gradio-container::before {
-    content: "🌸 🧘 🌿";
+    content: "😊 ❤️";
+    position: absolute;
+    top: 20%;
+    left: 10%;
     font-size: 100px;
     opacity: 0.1;
+    z-index: -1;
+}
+
+.gradio-container::after {
+    content: "☀️ 🌈";
     position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
+    bottom: 20%;
+    right: 10%;
+    font-size: 100px;
+    opacity: 0.1;
     z-index: -1;
-    pointer-events: none;
-    white-space: pre; /* Preserve spaces between emojis */
 }
 
 /* Header styling */
@@ -338,12 +344,12 @@ custom_css = """
 
 /* Chat interface styling */
 .chat-container {
-    background: rgba(255, 255, 255, 0.95);
+    background: rgba(72, 61, 139, 0.8);
+    border: none;
     border-radius: 20px;
     padding: 20px;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(10px);
-    border: 1px solid #E6E6FA; /* Changed to lavender */
 }
 
 /* Button styling */
@@ -365,12 +371,17 @@ custom_css = """
 
 /* Input field styling */
 .custom-input {
+    background: #2F4F4F;
+    color: white;
+    border: 2px solid #9370DB;
     border-radius: 15px;
-    border: 2px solid #9370DB; /* Changed to purple */
     padding: 12px;
     font-size: 16px;
     transition: all 0.3s ease;
-    background: rgba(255, 255, 255, 0.9);
+}
+
+.custom-input::placeholder {
+    color: #A9A9A9;
 }
 
 .custom-input:focus {
@@ -380,7 +391,7 @@ custom_css = """
 
 /* Memory indicator styling */
 .memory-indicator {
-    background: linear-gradient(45deg, #4ecdc4, #44a08d);
+    background: #AFEEEE;
     color: white;
     padding: 10px 15px;
     border-radius: 20px;