Update app.py

app.py

@@ -236,17 +236,35 @@ def update_foreground_ratio(img_proc, fr):
         gr.update(value=show_mask_img(foreground_res)),
     )
 
-# Corrected CustomTheme class
+# Generate color shades for the primary hue
+from gradio.themes.colors import Color
+
+primary_hue_color = Color(
+    name="custom",
+    c50="#e7e7e8",
+    c100="#c2c2c4",
+    c200="#9d9da0",
+    c300="#78787b",
+    c400="#525357",
+    c500="#2d2e33",
+    c600="#191a1e",  # Base color
+    c700="#141517",
+    c800="#0f1012",
+    c900="#0a0a0c",
+    c950="#050506",
+)
+
+# Define the custom theme
 class CustomTheme(gr.themes.Base):
-    primary_hue = gr.themes.Color("#191a1e")
-    background_fill_primary = gr.themes.Color("#191a1e")
-    background_fill_secondary = gr.themes.Color("#191a1e")
-    background_fill_tertiary = gr.themes.Color("#191a1e")
-    text_color_primary = gr.themes.Color("#FFFFFF")
-    text_color_secondary = gr.themes.Color("#FFFFFF")
-    text_color_tertiary = gr.themes.Color("#FFFFFF")
-    input_background_fill = gr.themes.Color("#191a1e")
-    input_text_color = gr.themes.Color("#FFFFFF")
+    primary_hue = primary_hue_color
+    background_fill_primary = "#191a1e"
+    background_fill_secondary = "#191a1e"
+    background_fill_tertiary = "#191a1e"
+    text_color_primary = "#FFFFFF"
+    text_color_secondary = "#FFFFFF"
+    text_color_tertiary = "#FFFFFF"
+    input_background_fill = "#191a1e"
+    input_text_color = "#FFFFFF"
 
 css = """
 /* Apply background color to the entire page */