Adding dark mode

app.py

@@ -4,6 +4,10 @@ from utils import execute_code, export_session
 from chatbot import render_chatbot
 import json
 
+# 1️⃣ Theme selector in the sidebar
+theme = st.sidebar.selectbox("🎨 Editor Theme", ["Light", "Dark"])
+ace_theme = "chrome" if theme == "Light" else "monokai"
+
 # Page configuration
 st.set_page_config(
     page_title="Interactive Code Editor with AI Assistant",
@@ -24,8 +28,8 @@ Write, execute, and export Python code in this interactive editor.
 The editor supports syntax highlighting and autocompletion.
 """)
 
-# Create main layout with three columns
-col1, col2= st.columns([1, 1])
+# Main layout: two columns
+col1, col2 = st.columns([1, 1])
 
 with col1:
     # Code Editor Section
@@ -33,7 +37,7 @@ with col1:
     code = st_ace.st_ace(
         placeholder="Write your Python code here...",
         language="python",
-        theme="chrome",
+        theme=ace_theme,        # ← use selected theme
         keybinding="vscode",
         font_size=14,
         min_lines=25,
@@ -44,36 +48,34 @@ with col1:
         auto_update=True
     )
 
-    # Execute button and output
+    # Execute button and output capture
     if st.button("▶️ Run Code", type="primary"):
         output, error, exception = execute_code(code)
         st.session_state.code_output = output
         st.session_state.error_output = error if error else exception
 
-    # Display immediate output below the run button
+    # Display immediate results
     if st.session_state.code_output:
         st.text_area("Output", st.session_state.code_output, height=100)
     if st.session_state.error_output:
         st.error(st.session_state.error_output)
 
 with col2:
-    # AI Assistant Section (Always visible)
+    # AI Assistant Section
     st.subheader("🤖 Code Assistant")
     render_chatbot(code, st.session_state.code_output, st.session_state.error_output)
 
-# Export options at the bottom
+# Export options
 st.markdown("---")
 st.subheader("Export Options")
 
-# Create export data
 export_data = export_session(
     code,
     st.session_state.code_output,
     st.session_state.error_output
 )
 
-# Export buttons in a more compact layout
-col1_export, col2_export= st.columns([5, 4])
+col1_export, col2_export = st.columns([5, 4])
 
 with col1_export:
     st.download_button(
@@ -96,4 +98,4 @@ st.markdown("""
 <div style='text-align: center'>
     <p>Built with Streamlit ❤️</p>
 </div>
-""", unsafe_allow_html=True)
+""", unsafe_allow_html=True)