Update app.py

app.py

@@ -119,29 +119,30 @@ def chat_response(input_text,history):
 # Define your custom CSS
 custom_css = """
 /* Custom CSS for the chat interface */
-.gradio-chat-box {
-    background-color: #f0f0f0; /* Change background color */
+.gradio-container {
+    background: #f0f0f0; /* Change background color */
     border-radius: 10px; /* Add border radius */
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Add shadow */
 }
 
-/* Custom CSS for the chat input */
-.gradio-chat-input input[type="text"] {
-    background-color: #ffffff; /* Change input background color */
-    border-radius: 5px; /* Add border radius */
-    border: 1px solid #cccccc; /* Change border color */
-}
+# /* Custom CSS for the chat input */
+# .gradio-chat-input input[type="text"] {
+#     background-color: #ffffff; /* Change input background color */
+#     border-radius: 5px; /* Add border radius */
+#     border: 1px solid #cccccc; /* Change border color */
+# }
+
+# /* Custom CSS for the chat button */
+# .gradio-chat-input button {
+#     # background-color: #ff0000; /* Change button background color */
+#     # border-radius: 5px; /* Add border radius */
+#     # color: #ffffff; /* Change text color */
+#     background: linear-gradient(90deg, #9848FC 0%, #DC8855 100%);
+#     background-clip: text;
+#     -webkit-background-clip: text;
+#     -webkit-text-fill-color: transparent;
+# }
 
-/* Custom CSS for the chat button */
-.gradio-chat-input button {
-    # background-color: #ff0000; /* Change button background color */
-    # border-radius: 5px; /* Add border radius */
-    # color: #ffffff; /* Change text color */
-    background: linear-gradient(90deg, #9848FC 0%, #DC8855 100%);
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
 """
 
 interface = gr.ChatInterface(fn = chat_response,