Update app.py

app.py

@@ -551,12 +551,29 @@ label, .tab-nav button {
 p, .prose, .markdown-body { color: #4F8B91 !important; }
 
 /* Cards / surfaces — warm near-white, popping against the butter page background */
-.gr-panel, .gr-box, .gr-form, .tabitem, .block {
+.gr-panel, .gr-box, .gr-form, .tabitem, .block,
+div[class*="svelte"].block, .form, .wrap.svelte-1ipelgc {
     background: #FFFDF6 !important;
     border: 1px solid #F2CE8A !important;
     border-radius: 12px !important;
 }
 
+/* Force every input / upload / textbox surface off pure white */
+input, textarea, select,
+.gr-input, .gr-box textarea, .gr-box input,
+.upload-box, .upload-container, [data-testid="audio"] {
+    background: #FFFDF6 !important;
+    color: #1F6F78 !important;
+    border-color: #F2CE8A !important;
+}
+
+/* Markdown / table content inside panels */
+table, th, td { color: #1F6F78 !important; border-color: #F2CE8A !important; }
+th { background: #FFA36C !important; color: #1F6F78 !important; }
+tr:nth-child(even) td { background: #FFF7DE !important; }
+blockquote { background: #FFE9A8 !important; border-left: 4px solid #FF7A7A !important; color: #1F6F78 !important; }
+code { background: #FFE9A8 !important; color: #1F6F78 !important; }
+
 /* Buttons — Tidepool Sorbet coral primary */
 .gr-button, button.primary {
     background: #FF7A7A !important;
@@ -600,6 +617,36 @@ with gr.Blocks(title="🌊 Marine Soundscape Analyzer", css=CSS,
                    neutral_hue="gray",
                    font=gr.themes.GoogleFont("Nunito Sans"),
                    font_mono=gr.themes.GoogleFont("JetBrains Mono"),
+               ).set(
+                   # Drive every component's box color through real theme tokens
+                   # (more reliable than CSS class guessing) so nothing renders
+                   # on plain white — Tidepool Sorbet palette throughout.
+                   body_background_fill="#FFF1B6",
+                   body_background_fill_dark="#FFF1B6",
+                   background_fill_primary="#FFFDF6",
+                   background_fill_primary_dark="#FFFDF6",
+                   background_fill_secondary="#FFE9A8",
+                   background_fill_secondary_dark="#FFE9A8",
+                   border_color_primary="#F2CE8A",
+                   border_color_primary_dark="#F2CE8A",
+                   block_background_fill="#FFFDF6",
+                   block_background_fill_dark="#FFFDF6",
+                   block_border_color="#F2CE8A",
+                   block_border_color_dark="#F2CE8A",
+                   block_label_background_fill="#FFA36C",
+                   block_label_text_color="#1F6F78",
+                   block_title_text_color="#1F6F78",
+                   body_text_color="#1F6F78",
+                   body_text_color_dark="#1F6F78",
+                   body_text_color_subdued="#4F8B91",
+                   input_background_fill="#FFFDF6",
+                   input_background_fill_dark="#FFFDF6",
+                   input_border_color="#F2CE8A",
+                   button_primary_background_fill="#FF7A7A",
+                   button_primary_background_fill_hover="#E85F5F",
+                   button_primary_text_color="#FFFFFF",
+                   button_secondary_background_fill="#7AE7C7",
+                   button_secondary_text_color="#1F6F78",
                )) as demo:
 
     gr.Markdown("""