Update app.py

app.py

@@ -113,7 +113,7 @@ def clear_memory():
         os.remove(MEMORY_FILE)
     return [], "🧹 Chat memory cleared! Start fresh."
 
-# 🖌 Custom CSS for dark theme and professional look, with file uploader as a symbol in the text area
+# 🖌 Custom CSS for dark theme without green, using blue accents, file uploader as symbol in text area, no send button
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap');
 
@@ -134,8 +134,8 @@ body {
     text-align: center; 
     margin-bottom: 20px; 
     font-weight: 600; 
-    color: #4CAF50; 
-    text-shadow: 0 0 10px rgba(76, 175, 80, 0.5); 
+    color: #007BFF; 
+    text-shadow: 0 0 10px rgba(0, 123, 255, 0.5); 
 }
 .sidebar { 
     background: #2a2a2a; 
@@ -148,7 +148,7 @@ body {
     font-size: 20px; 
     font-weight: 500; 
     margin-bottom: 15px; 
-    color: #4CAF50; 
+    color: #007BFF; 
 }
 .accordion { 
     border-radius: 10px; 
@@ -165,7 +165,7 @@ body {
     transition: background 0.3s; 
 }
 .accordion-header:hover { 
-    background: #4CAF50; 
+    background: #007BFF; 
     color: #1e1e1e; 
 }
 .main-chat { 
@@ -188,12 +188,12 @@ body {
     border: 1px solid #333; 
 }
 .chatbox .message.user { 
-    background: #4CAF50; 
+    background: #007BFF; 
     color: #1e1e1e; 
     border-radius: 12px; 
     padding: 12px 15px; 
     margin: 8px 0; 
-    box-shadow: 0 2px 6px rgba(76, 175, 80, 0.3); 
+    box-shadow: 0 2px 6px rgba(0, 123, 255, 0.3); 
 }
 .chatbox .message.bot { 
     background: #333; 
@@ -218,7 +218,7 @@ body {
     transition: border-color 0.3s; 
 }
 .chat-input:focus { 
-    border-color: #4CAF50; 
+    border-color: #007BFF; 
     outline: none; 
 }
 .file-upload { 
@@ -236,22 +236,9 @@ body {
     font-size: 18px; 
 }
 .file-upload:hover { 
-    background: #4CAF50; 
+    background: #007BFF; 
     color: #1e1e1e; 
 }
-.btn-send { 
-    background: #4CAF50; 
-    color: #1e1e1e; 
-    border-radius: 10px; 
-    padding: 12px 20px; 
-    border: none; 
-    font-weight: 500; 
-    cursor: pointer; 
-    transition: background 0.3s; 
-}
-.btn-send:hover { 
-    background: #45a049; 
-}
 .btn-clear { 
     background: #f44336; 
     color: white; 
@@ -278,7 +265,7 @@ body {
 }
 """
 
-# 🎨 Gradio Interface with dark theme and professional styling, file uploader as a symbol in the text area
+# 🎨 Gradio Interface with dark theme (blue accents, no green), file uploader as symbol, send on Enter (no send button)
 with gr.Blocks(theme=gr.themes.Base(), css=custom_css) as iface:  # Using Base theme for full custom control
     gr.Markdown("# 🎓 **EduAI — Your Professional Study Companion**", elem_classes="header-title")
 
@@ -335,13 +322,12 @@ with gr.Blocks(theme=gr.themes.Base(), css=custom_css) as iface:  # Using Base t
             with gr.Row(elem_classes="input-row"):
                 msg = gr.Textbox(label="Ask EduAI:", placeholder="Type your question here...", elem_classes="chat-input", show_label=False)
                 file_input = gr.File(label="📎", file_types=[".pdf", ".docx", ".png", ".jpg"], elem_classes="file-upload", show_label=False)
-                send = gr.Button("Send ✈️", elem_classes="btn-send")
 
     # Event Handlers
     subj.change(update_context, inputs=subj, outputs=context_display)
     planner.change(update_context, inputs=planner, outputs=context_display)
     lang.change(update_context, inputs=lang, outputs=context_display)
-    send.click(chat_with_model, inputs=[msg, chatbot, context_display, file_input], outputs=[chatbot, chatbot])
+    msg.submit(chat_with_model, inputs=[msg, chatbot, context_display, file_input], outputs=[chatbot, chatbot])  # Send on Enter
     clear_btn.click(clear_memory, outputs=[chatbot, context_display])
 
 iface.launch()