updating theme

layout.py

@@ -7,7 +7,6 @@ def init_session_state():
     st.session_state.setdefault("stdin", "")
     st.session_state.setdefault("language", "Python")
 
-
 def apply_theme():
     """Apply the selected theme and return color palette + ACE theme."""
     dark = st.session_state.dark_mode
@@ -21,10 +20,9 @@ def apply_theme():
         "shadow": "rgba(0,0,0,0.3)" if dark else "rgba(0,0,0,0.1)",
     }
 
-    # Normalize ACE editor theme and language
     ace_theme = "monokai" if dark else "chrome"
-    lang = st.session_state.get("language", "python").lower()
 
+    lang = st.session_state.get("language", "python").lower()
     ace_lang_map = {
         "c++": "c_cpp",
         "c#": "csharp",
@@ -33,29 +31,38 @@ def apply_theme():
         "java": "java",
         "c": "c"
     }
-    ace_lang = ace_lang_map.get(lang, "python")  # fallback to python
+    ace_lang = ace_lang_map.get(lang, "python")
 
-    # Inject theme-specific CSS
+    # Inject polished theme CSS
     st.markdown(
         f"""
         <style>
         .stApp {{
             background-color: {colors["bg"]};
             color: {colors["text"]};
+            transition: background-color 0.3s ease, color 0.3s ease;
+            animation: fadeIn 0.4s ease;
+        }}
+        @keyframes fadeIn {{
+            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;
@@ -64,10 +71,10 @@ def apply_theme():
             background-color: {colors["accent"]} !important;
             color: #fff !important;
             border-radius: 6px !important;
-            transition: transform 0.1s;
+            transition: background-color 0.3s ease, transform 0.2s ease;
         }}
         button:hover {{
-            transform: scale(1.02) !important;
+            transform: scale(1.05) !important;
         }}
         .chat-container {{
             background: {colors["panel_bg"]} !important;
@@ -76,6 +83,7 @@ def apply_theme():
             padding: 1rem;
             max-height: 480px;
             overflow-y: auto;
+            transition: background-color 0.3s ease;
         }}
         .chat-message {{
             margin-bottom: 1rem;
@@ -103,3 +111,4 @@ def apply_theme():
     )
 
     return colors, ace_theme
+