Update app.py

app.py

@@ -93,7 +93,7 @@ custom_css = f"""
 @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
 
 :root {{
-    /* --- DEFAULT: NIGHT MODE (Since your system is dark) --- */
+    /* --- DEFAULT: NIGHT MODE (Lapis Lazuli) --- */
     --bg-gradient: radial-gradient(circle at 50% 0%, #0a0a2e 0%, #000000 100%);
     --card-bg: rgba(15, 15, 35, 0.7);
     --text-primary: #e0e7ff; 
@@ -106,7 +106,7 @@ custom_css = f"""
     --glow-color: rgba(212, 175, 55, 0.4);
 }}
 
-/* --- LIGHT MODE OVERRIDE CLASS --- */
+/* --- LIGHT MODE OVERRIDE CLASS (Papyrus) --- */
 body.light-mode {{
     --bg-gradient: linear-gradient(135deg, #f0e6d2 0%, #e6dcc3 100%);
     --card-bg: rgba(255, 255, 255, 0.6);
@@ -127,7 +127,7 @@ body, .gradio-container {{
     color: var(--text-primary) !important;
     cursor: {cursor_url} 16 16, auto !important; 
     -webkit-font-smoothing: antialiased;
-    transition: background 0.5s ease; /* Smooth Theme Switch */
+    transition: background 0.5s ease, color 0.5s ease;
 }}
 
 button, a, .cursor-pointer {{
@@ -229,8 +229,16 @@ button.toggle-btn:hover {{
     border: 1px solid var(--border-color);
 }}
 
-/* CLEANUP */
+/* --- UI CLEANUP & FIXES --- */
 .gradio-image, .gradio-json {{ background: transparent !important; border: none !important; }}
+
+/* FIX FOR DARK GREY UPLOAD BOX IN LIGHT MODE */
+body.light-mode .gradio-image button {{
+     background-color: rgba(255, 248, 240, 0.7) !important; /* Light papyrus fill */
+     border: 2px dashed var(--border-color) !important;
+     color: var(--text-primary) !important; /* Dark text */
+}}
+
 .report-box textarea {{
     background-color: rgba(0,0,0,0.2) !important;
     border: 1px solid var(--border-color) !important;
@@ -329,45 +337,7 @@ claude_json_content = """{
 
 # --- 4. MAIN APP ASSEMBLY ---
 
-# JS: Toggle Theme AND Add Mouse Trail
-js_code = """
-() => {
-    // 1. Toggle Logic
-    const toggleTheme = () => {
-        document.body.classList.toggle('light-mode');
-        const container = document.querySelector('.gradio-container');
-        if (container) container.classList.toggle('light-mode');
-    }
-
-    // 2. Mouse Trail Logic
-    const addTrail = () => {
-        document.addEventListener('mousemove', function(e) {
-            // Rate limit to prevent too many elements
-            if (Math.random() > 0.5) return;
-            
-            const dust = document.createElement('div');
-            dust.classList.add('gold-dust');
-            dust.style.left = e.clientX + 'px';
-            dust.style.top = e.clientY + 'px';
-            document.body.appendChild(dust);
-            
-            // Remove after animation
-            setTimeout(() => {
-                dust.remove();
-            }, 600);
-        });
-    }
-
-    // Initialize
-    addTrail();
-    
-    // Return the toggle function for the button click
-    return toggleTheme;
-}
-"""
-
-# We need to run the trail logic on load, but Gradio JS usually runs on events.
-# We will attach the trail logic to the body load via an HTML script injection.
+# Trail Script attached to body load
 trail_script = """
 <script>
 document.addEventListener('DOMContentLoaded', () => {
@@ -394,7 +364,7 @@ with gr.Blocks(title="Rosetta Decoder") as demo:
         with gr.Column(scale=4):
             gr.HTML(header_html)
         with gr.Column(scale=1):
-            # JS-based Toggle
+            # JS-based Toggle button
             btn_toggle = gr.Button("🌗 Day / Night", elem_classes="toggle-btn")
 
     gr.HTML(mission_html)
@@ -430,7 +400,7 @@ with gr.Blocks(title="Rosetta Decoder") as demo:
     gr.HTML("</div>")
 
     # Wiring
-    # The toggle button triggers a JS function that adds the 'light-mode' class
+    # The toggle button triggers JS to add/remove the 'light-mode' class
     btn_toggle.click(None, None, None, js="() => { document.body.classList.toggle('light-mode'); document.querySelector('.gradio-container').classList.toggle('light-mode'); }")
     
     btn_upload.click(fn=detect_hieroglyphs, inputs=[img_upload, slider_upload], outputs=[out_image, out_json, out_report, btn_download])