Update app.py

app.py

@@ -77,77 +77,7 @@ def chat_with_infinite_agent(message, lang, history):
 
     return history, history
 
-
-#GRADIO UI WITH DARK MODE
-dark_css = """
-/* BODY AND BACKGROUND */
-body {
-    background-color: #1E1E1E;
-    color: #FFFFFF;
-    font-family: 'Inter', sans-serif;
-}
-    
-/* CHATBOT */
-.gr-chatbot {
-    background-color: #F5F0E1;
-    border-radius: 16px;
-    padding: 20px;
-    font-family: 'Inter', sans-serif;
-    color: #1E1E1E;
-}
-
-/* CHAT BUBBLES */
-.gr-chatbot .message {
-    background-color: #F5F0E1 !important;
-    color: #1E1E1E !important;
-    border-radius: 12px;
-    padding: 8px 12px;
-    margin-bottom: 6px;
-}
-
-/* INPUTS AND DROPDOWNS */
-.gr-dropdown, .gr-textbox {
-    border-radius: 12px;
-    border: 1px solid #A892FF;
-    background-color: #F5F0E1;
-    color: #1E1E1E;
-    padding: 8px;
-}
-    
-/* Placeholder text for inputs */
-.gr-textbox::placeholder {
-    color: #B0B0B0;
-}
-
-/* BUTTONS */
-.gr-button {
-    border-radius: 12px;
-    background-color: #6C63FF;
-    color: #FFFFFF;
-    font-weight: 600;
-}
-
-.gr-button:hover {
-    background-color: #A892FF;
-}
-
-/* HEADER TEXT */
-.header-text {
-    font-family: 'Poppins', sans-serif;
-    font-weight: 600;
-    color: #FFFFFF;
-}
-
-#agent-avatar {
-    width: 64px;       
-    height: 64px;      
-    margin-bottom: 12px;
-}
-    
-/* Avatar default styling */
-"""
-
-with gr.Blocks(title="Infinite Agent", css=dark_css) as demo:
+with gr.Blocks(title="Infinite Agent", css="style.css") as demo:
     #Avatar image
     gr.Image("avatar.png", elem_id="agent-avatar")  # No shape styling, just default