Update app.py

app.py

@@ -10,7 +10,7 @@ from PIL import Image, ImageOps
 from transformers import AutoModelForImageSegmentation
 from torchvision import transforms
 
-# Custom White Theme with Inter font
+# Custom White Theme with Inter font and explicit light mode colors
 class WhiteTheme(Base):
     def __init__(
         self,
@@ -36,20 +36,28 @@ class WhiteTheme(Base):
         )
         
         self.set(
+            # Light mode specific colors
+            background_fill_primary="*primary_50",
+            background_fill_secondary="white",
+            border_color_primary="*primary_300",
+            
+            # General colors that should stay constant
             body_background_fill="white",
+            body_background_fill_dark="white",
             block_background_fill="white",
+            block_background_fill_dark="white",
             panel_background_fill="white",
+            panel_background_fill_dark="white",
             body_text_color="black",
+            body_text_color_dark="black",
             block_label_text_color="black",
+            block_label_text_color_dark="black",
             block_border_color="white",
             panel_border_color="white",
             input_border_color="lightgray",
-            shadow_drop="none",
-            button_primary_background_fill="*primary_500",
-            button_primary_background_fill_hover="*primary_600",
-            button_primary_text_color="white",
-            button_secondary_background_fill="white",
-            button_secondary_border_color="lightgray"
+            input_background_fill="white",
+            input_background_fill_dark="white",
+            shadow_drop="none"
         )
 
 torch.set_float32_matmul_precision('high')
@@ -155,6 +163,17 @@ custom_css = """
     border-radius: 12px;
     color: black;
 }
+
+/* Force light mode styles */
+:root {
+    --body-background-fill: white !important;
+    --background-fill-primary: white !important;
+    --background-fill-secondary: white !important;
+    --block-background-fill: white !important;
+    --panel-background-fill: white !important;
+    --body-text-color: black !important;
+    --block-label-text-color: black !important;
+}
 """
 
 with gr.Blocks(css=custom_css, theme=WhiteTheme()) as demo:
@@ -173,15 +192,4 @@ with gr.Blocks(css=custom_css, theme=WhiteTheme()) as demo:
     btn.click(fn=remove_background_wrapper, inputs=image_input, outputs=[
         output_foreground, output_background, output_foreground_mask, output_background_mask])
 
-    # Force light theme using the correct JavaScript loading syntax
-    demo.load(js="""
-        () => {
-            const params = new URLSearchParams(window.location.search);
-            if (!params.has('__theme')) {
-                params.set('__theme', 'light');
-                window.location.search = params.toString();
-            }
-        }
-    """)
-
-    demo.launch(debug=True)
+    demo.launch(debug=True, dark=False)