fixing bugs

layout.py

@@ -1,43 +1,104 @@
-import streamlit as st
-
-def init_session_state():
-    st.session_state.setdefault("code", "")
-    st.session_state.setdefault("stdin", "")
-    st.session_state.setdefault("theme", "light")
-
 def apply_theme(theme):
+    import streamlit as st
+
     LIGHT = {
         "bg": "#f5f5f5",
         "panel": "#ffffff",
         "text": "#1a1a1a",
-        "border": "#dddddd"
+        "border": "#dddddd",
+        "button": "#ff5252",
+        "button_text": "#ffffff",
+        "placeholder": "#888888"
     }
     DARK = {
         "bg": "#0f1620",
         "panel": "#1c2330",
         "text": "#e3e8f1",
-        "border": "#2a3240"
+        "border": "#2a3240",
+        "button": "#ff5252",
+        "button_text": "#ffffff",
+        "placeholder": "#999999"
     }
 
     colors = DARK if theme == "dark" else LIGHT
 
     st.markdown(f"""
     <style>
+        /* Background & global text */
         .stApp {{
             background-color: {colors["bg"]};
             color: {colors["text"]};
         }}
+
+        /* Sidebar */
         [data-testid="stSidebar"] {{
             background-color: {colors["panel"]} !important;
         }}
-        textarea, input, .stTextArea textarea {{
+
+        /* Form elements */
+        textarea, input[type="text"], .stTextArea textarea {{
             background-color: {colors["panel"]} !important;
             color: {colors["text"]} !important;
             border: 1px solid {colors["border"]} !important;
             border-radius: 4px !important;
         }}
+
+        /* Placeholder styling */
+        textarea::placeholder,
+        input::placeholder {{
+            color: {colors["placeholder"]} !important;
+        }}
+
+        /* Markdown label text */
         label[data-testid="stMarkdownContainer"] > div > div {{
             color: {colors["text"]} !important;
         }}
+
+        /* Button */
+        button, .stButton > button, .stDownloadButton > button {{
+            background-color: {colors["button"]} !important;
+            color: {colors["button_text"]} !important;
+            border-radius: 6px !important;
+            border: none !important;
+            transition: transform 0.1s;
+        }}
+        button:hover {{
+            transform: scale(1.02) !important;
+        }}
+
+        /* Radio buttons */
+        .stRadio > label {{
+            color: {colors["text"]} !important;
+        }}
+
+        /* Assistant styles */
+        .chat-container {{
+            background: {colors["panel"]} !important;
+            border: 1px solid {colors["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;
+        }}
     </style>
     """, unsafe_allow_html=True)