Update app.py

app.py

@@ -43,67 +43,24 @@ def respond(
 # CSS for styling the interface
 css = """
 body {
-    font-family: 'Inter', sans-serif;
-    background-color: #f0f0f0;
-}
-
-.gradio-container {
-    max-width: 700px;
-    margin: auto;
-}
-
-.gr-chat-container {
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    padding: 10px;
-    background-color: #fff;
-}
-
-.gr-message {
-    padding: 10px;
-    border-bottom: 1px solid #ddd;
-}
-
-.gr-message:last-child {
-    border-bottom: none;
-}
-
-.gr-user-message {
-    color: #333;
-    background-color: #f7f7f7;
-    border-radius: 5px;
-    padding: 5px;
-}
-
-.gr-assistant-message {
-    color: #333;
-    background-color: #fff;
-    border-radius: 5px;
-    padding: 5px;
-}
-
-.gr-input {
-    padding: 10px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    width: 100%;
-}
-
-.gr-input:focus {
-    border-color: #aaa;
+    background-color: #06688E; /* Dark background */
+    color: white; /* Text color for better visibility */
 }
 
 .gr-button {
-    background-color: #4CAF50;
-    color: #fff;
-    padding: 10px 20px;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
+    background-color: #42B3CE !important; /* White button color */
+    color: black !important; /* Black text for contrast */
+    border: none !important;
+    padding: 8px 16px !important;
+    border-radius: 5px !important;
 }
 
 .gr-button:hover {
-    background-color: #3e8e41;
+    background-color: #e0e0e0 !important; /* Slightly lighter button on hover */
+}
+
+.gr-slider-container {
+    color: white !important; /* Slider labels in white */
 }
 """