Update app.py

app.py

@@ -15,9 +15,9 @@ st.title("📚 Subject-specific AI Chatbot")
 st.write("Hello! I'm your AI Study Assistant. You can ask me any questions related to your subjects, and I'll try to help.")
 
 # Add sidebar with styling options
-st.sidebar.header("Settings")
+st.sidebar.header("⚙️ Settings")
 st.sidebar.write("Customize your chatbot experience!")
-chat_theme = st.sidebar.radio("Choose a theme:", ["Light", "Dark"])
+chat_theme = st.sidebar.radio("Choose a theme:", ["Light", "Dark", "Blue", "Green"])
 
 # Apply theme
 if chat_theme == "Dark":
@@ -25,6 +25,23 @@ if chat_theme == "Dark":
         <style>
             body {background-color: #1e1e1e; color: white;}
             .stButton>button {background-color: #4CAF50; color: white;}
+            .chat-bubble {background-color: #2c2c2c; border-radius: 10px; padding: 10px;}
+        </style>
+    """, unsafe_allow_html=True)
+elif chat_theme == "Blue":
+    st.markdown("""
+        <style>
+            body {background-color: #e3f2fd; color: black;}
+            .stButton>button {background-color: #2196F3; color: white;}
+            .chat-bubble {background-color: #bbdefb; border-radius: 10px; padding: 10px;}
+        </style>
+    """, unsafe_allow_html=True)
+elif chat_theme == "Green":
+    st.markdown("""
+        <style>
+            body {background-color: #e8f5e9; color: black;}
+            .stButton>button {background-color: #4CAF50; color: white;}
+            .chat-bubble {background-color: #c8e6c9; border-radius: 10px; padding: 10px;}
         </style>
     """, unsafe_allow_html=True)
 else:
@@ -32,6 +49,7 @@ else:
         <style>
             body {background-color: #ffffff; color: black;}
             .stButton>button {background-color: #008CBA; color: white;}
+            .chat-bubble {background-color: #f1f1f1; border-radius: 10px; padding: 10px;}
         </style>
     """, unsafe_allow_html=True)
 
@@ -84,5 +102,5 @@ if user_input:
 st.markdown("---")
 st.markdown("### 🗨️ Chat History")
 for question, answer in st.session_state.conversation_history:
-    st.write(f"**{question}**")
-    st.write(answer)
+    st.write(f"<div class='chat-bubble'><b>{question}</b></div>", unsafe_allow_html=True)
+    st.write(f"<div class='chat-bubble'>{answer}</div>", unsafe_allow_html=True)