Fixing error

app.py

@@ -11,9 +11,9 @@ st.set_page_config(
     layout="wide"
 )
 
-# 2️⃣ Dark mode toggle
+# 2️⃣ Dark mode toggle (default OFF)
 if 'dark_mode' not in st.session_state:
-    st.session_state.dark_mode = True
+    st.session_state.dark_mode = False  # Dark mode OFF by default
 
 dm = st.checkbox("🌙 Dark mode", value=st.session_state.dark_mode)
 st.session_state.dark_mode = dm
@@ -32,17 +32,23 @@ st.markdown(f"""
 <style>
   .stApp {{ background-color: {BG}; color: {TEXT}; }}
   [data-testid="stSidebar"] {{ background-color: {PANEL_BG} !important; }}
+  
+  /* Editor styling */
   .ace_editor, .ace_scroller {{
       background: {PANEL_BG} !important;
       box-shadow: 0 4px 8px {SHADOW} !important;
       border-radius: 8px !important;
   }}
+  
+  /* Input & textarea styling */
   textarea, input, .stTextArea textarea {{
       background: {PANEL_BG} !important;
       color: {TEXT} !important;
       border: 1px solid {BORDER} !important;
       border-radius: 4px !important;
   }}
+
+  /* Button styling */
   button, .stDownloadButton > button {{
       background-color: {ACCENT} !important;
       color: #fff !important;
@@ -50,11 +56,25 @@ st.markdown(f"""
       transition: transform 0.1s;
   }}
   button:hover {{ transform: scale(1.02) !important; }}
-  .chat-container {{ background: {PANEL_BG} !important; border: 1px solid {BORDER} !important; border-radius: 8px !important; padding: 1rem; max-height: 480px; overflow-y: auto; }}
+
+  /* Chat styling */
+  .chat-container {{
+      background: {PANEL_BG} !important;
+      border: 1px solid {BORDER} !important;
+      border-radius: 8px !important;
+      padding: 1rem;
+      max-height: 480px;
+      overflow-y: auto;
+  }}
   .chat-message {{ margin-bottom: 1rem; padding: 0.75rem 1rem; border-radius: 12px; }}
   .user-message {{ background: rgba(100,149,237,0.2); align-self: flex-end; }}
   .bot-message {{ background: rgba(200,200,200,0.2); align-self: flex-start; }}
   pre code {{ display: block; padding: 0.5rem; background: rgba(0,0,0,0.1); border-radius: 4px; overflow-x: auto; }}
+
+  /* 🌙 Dark mode checkbox label styling */
+  label[data-testid="stMarkdownContainer"] > div > div {{
+      color: {TEXT} !important;
+  }}
 </style>
 """, unsafe_allow_html=True)
 
@@ -100,4 +120,4 @@ st.markdown(f"""
 <div style='text-align:center; margin-top:1rem; color:{TEXT}66;'>
   Built with ❤️ & Streamlit by Vaibhav
 </div>
-""", unsafe_allow_html=True)
+""", unsafe_allow_html=True)