adding dark mode

app.py

@@ -2,24 +2,20 @@ import streamlit as st
 import streamlit_ace as st_ace
 from utils import execute_code
 from chatbot import render_chatbot
-from styles import get_theme_colors, inject_global_css
-from layout import init_session_state
+from layout import init_session_state, apply_theme
 
-# Page configuration
+# Set initial page config
 st.set_page_config(page_title="Pro Code Playground", page_icon="💻", layout="wide")
 
-# Session init
+# Init session
 init_session_state()
 
-# Dark mode toggle
-dm = st.checkbox("🌙 Dark mode", value=st.session_state.dark_mode)
-st.session_state.dark_mode = dm
+# Theme Toggle
+theme_option = st.radio("🎨 Theme", options=["Light", "Dark"], index=0 if st.session_state.theme == "light" else 1, horizontal=True)
+st.session_state.theme = "light" if theme_option == "Light" else "dark"
+apply_theme(st.session_state.theme)
 
-# Theme + CSS injection
-colors = get_theme_colors(dm)
-inject_global_css(colors)
-
-# Header
+# App Header
 st.title("Pro Code Playground")
 st.markdown("Write, execute & export Python snippets, with built‑in AI assistance.")
 
@@ -28,12 +24,12 @@ gen, bot = st.columns((2, 1), gap="large")
 
 with gen:
     st.subheader("Editor")
-    
+
     code = st_ace.st_ace(
         value=st.session_state.code,
         placeholder="Start typing your Python code…",
         language="python",
-        theme=colors["ACE_THEME"],
+        theme="chrome" if st.session_state.theme == "light" else "monokai",
         keybinding="vscode",
         font_size=14,
         min_lines=20,
@@ -75,8 +71,8 @@ with bot:
     )
 
 # Footer
-st.markdown(f"""
-<div style='text-align:center; margin-top:1rem; color:{colors["TEXT"]}66;'>
+st.markdown("""
+<div style='text-align:center; margin-top:1rem; opacity:0.6;'>
   Built with ❤️ & Streamlit by Vaibhav
 </div>
 """, unsafe_allow_html=True)