fixing dark mode

layout.py

@@ -33,7 +33,6 @@ def apply_theme():
     }
     ace_lang = ace_lang_map.get(lang, "python")
 
-    # Inject custom theme CSS
     st.markdown(
         f"""
         <style>
@@ -47,35 +46,37 @@ def apply_theme():
             from {{ opacity: 0; transform: translateY(10px); }}
             to {{ opacity: 1; transform: translateY(0); }}
         }}
+
         [data-testid="stSidebar"] {{
             background-color: {colors["panel_bg"]} !important;
-            transition: background-color 0.3s ease;
         }}
+
         .ace_editor, .ace_scroller {{
             background: {colors["panel_bg"]} !important;
             box-shadow: 0 4px 8px {colors["shadow"]} !important;
             border-radius: 8px !important;
-            transition: background-color 0.3s ease;
         }}
+
         textarea, input, .stTextArea textarea {{
             background: {colors["panel_bg"]} !important;
             color: {colors["text"]} !important;
             border: 1px solid {colors["border"]} !important;
             border-radius: 4px !important;
-            transition: background-color 0.3s ease, color 0.3s ease;
         }}
+
         label, .stTextLabel, .stTextArea label {{
             color: {colors["text"]} !important;
         }}
+
         button, .stDownloadButton > button {{
             background-color: {colors["accent"]} !important;
             color: #fff !important;
             border-radius: 6px !important;
-            transition: background-color 0.3s ease, transform 0.2s ease;
         }}
         button:hover {{
             transform: scale(1.05) !important;
         }}
+
         .chat-container {{
             background: {colors["panel_bg"]} !important;
             border: 1px solid {colors["border"]} !important;
@@ -83,8 +84,8 @@ def apply_theme():
             padding: 1rem;
             max-height: 480px;
             overflow-y: auto;
-            transition: background-color 0.3s ease;
         }}
+
         .chat-message {{
             margin-bottom: 1rem;
             padding: 0.75rem 1rem;
@@ -98,6 +99,7 @@ def apply_theme():
             background: rgba(200,200,200,0.2);
             align-self: flex-start;
         }}
+
         pre code {{
             display: block;
             padding: 0.5rem;
@@ -106,24 +108,27 @@ def apply_theme():
             overflow-x: auto;
         }}
 
-        /* Style selectbox and file uploader */
-        .stSelectbox label, .stFileUploader label {{
+        /* Fix selectbox and file uploader in dark mode */
+        section[data-testid="stSelectbox"] label,
+        section[data-testid="stFileUploader"] label {{
             color: {colors["text"]} !important;
         }}
-        .stSelectbox div[data-baseweb="select"] {{
+
+        section[data-testid="stSelectbox"] div[data-baseweb="select"] {{
             background-color: {colors["panel_bg"]} !important;
             color: {colors["text"]} !important;
             border: 1px solid {colors["border"]} !important;
-            border-radius: 6px;
-            padding: 0.25rem;
+            border-radius: 6px !important;
         }}
-        .stFileUploader .stFileUploaderDropzone {{
+
+        section[data-testid="stFileUploader"] .stFileUploaderDropzone {{
             background-color: {colors["panel_bg"]} !important;
             color: {colors["text"]} !important;
             border: 1px dashed {colors["border"]};
             border-radius: 8px;
         }}
-        .stFileUploader .row-widget.stButton > button {{
+
+        section[data-testid="stFileUploader"] .row-widget.stButton > button {{
             background-color: {colors["accent"]} !important;
             color: white !important;
             border-radius: 6px;