Update app,py

app.py

@@ -27,7 +27,7 @@ from utils import setup_all_auth
 # Create a placeholder for our initialization message
 init_message = st.empty()
 
-# Custom styling (CSS)
+# ✅ Custom CSS to handle dynamic text box color change
 st.markdown("""
 <style>
 /* Styling for the main title */
@@ -38,7 +38,7 @@ st.markdown("""
     margin-bottom: 1rem;
 }
 
-/* ✅ Initially green border */
+/* ✅ Green by default */
 input[type="text"] {
     border: 2px solid #4CAF50 !important;
     border-radius: 8px !important;
@@ -50,17 +50,17 @@ input[type="text"]:focus {
     border: 2px solid #FF5722 !important;
 }
 
-/* ✅ Revert to green after submission */
-.answered-query input[type="text"] {
+/* ✅ Change back to green AFTER submission */
+.answered input[type="text"] {
     border: 2px solid #4CAF50 !important;
 }
 
-/* ✅ Green-bordered button (not filled) */
+/* ✅ FULLY GREEN BUTTON */
 .stButton>button {
+    background-color: #4CAF50 !important;
+    color: #E8F5E9 !important;
     border: 2px solid #4CAF50 !important;
     border-radius: 8px !important;
-    color: black !important;
-    background-color: white !important;
 }
 </style>
 <div class="main-title">Indian Spiritual Texts Q&A</div>
@@ -106,6 +106,12 @@ def handle_form_submit():
         st.session_state.query_answered = False  # Mark as not yet answered
         st.session_state.query_input = ""  # Clear input box after submission
 
+# ✅ Conditionally apply CSS class based on query answered status
+input_css_class = "answered" if st.session_state.query_answered else ""
+
+# ✅ Wrap the text input inside a div to allow dynamic styling
+st.markdown(f'<div class="{input_css_class}">', unsafe_allow_html=True)
+
 # ✅ Create a form for handling user input
 with st.form(key="query_form"):
     # Input field with dynamic border behavior
@@ -119,6 +125,8 @@ with st.form(key="query_form"):
     # Submit button
     submit_button = st.form_submit_button("Get Answer", on_click=handle_form_submit)
 
+st.markdown("</div>", unsafe_allow_html=True)  # ✅ Close the div for styling
+
 # ✅ Display the last question after submission
 if st.session_state.submit_clicked and st.session_state.last_query:
     st.markdown("### Current Question:")
@@ -147,6 +155,7 @@ if st.session_state.submit_clicked and st.session_state.last_query:
                 st.write(citation)
 
             st.session_state.query_answered = True  # ✅ Mark query as answered
+            st.rerun()  # ✅ Refresh UI so that text box turns green again
 
         except Exception as e:
             st.error(f"Error processing query: {str(e)}")