Update app.py

app.py

@@ -88,7 +88,76 @@ type StrPath = str | PathLike[str]
 
 type Json = Mapping[str, Json] | Sequence[Json] | str | int | float | bool | None
 
-
+theme = gr.themes.Glass(
+    primary_hue="purple",
+    secondary_hue=gr.themes.Color(c100="#f3f4f6", c200="#e5e7eb", c300="#d1d5db", c400="#9ca3af", c50="#f9fafb", c500="#6b7280", c600="#4b5563", c700="#374151", c800="rgba(28.422987236857917, 2.1975645867375784, 39.326663208007815, 1)", c900="#1c0227", c950="#1c0227"),
+    neutral_hue=gr.themes.Color(c100="#f3e8ff", c200="#e9d5ff", c300="#d8b4fe", c400="#c084fc", c50="#faf5ff", c500="#a855f7", c600="rgba(83.78266724809674, 29.540070278324272, 132.9400207519531, 1)", c700="rgba(48.28126126334004, 17.30792685680411, 76.3866943359375, 1)", c800="rgba(46.03751121625044, 13.894996526550633, 72.53336791992187, 1)", c900="#2e0e49", c950="#2e0e49"),
+    radius_size="none",
+).set(
+    background_fill_primary='*neutral_700',
+    background_fill_secondary='*secondary_800',
+    border_color_accent='*neutral_600',
+    border_color_primary='*secondary_600',
+    color_accent_soft='*neutral_700',
+    link_text_color='*secondary_500',
+    link_text_color_active='*secondary_500',
+    link_text_color_hover='*secondary_400',
+    link_text_color_visited='*secondary_600',
+    code_background_fill='*neutral_800',
+    shadow_spread_dark='0px',
+    block_background_fill='*secondary_800',
+    block_border_color='*secondary_600',
+    block_border_width='1px',
+    block_label_background_fill='*secondary_700',
+    block_label_border_color='*secondary_600',
+    block_label_text_color='*neutral_200',
+    block_label_text_size='*text_sm',
+    block_title_text_color='*neutral_200',
+    checkbox_background_color='*secondary_400',
+    checkbox_border_color='*neutral_700',
+    checkbox_border_color_hover='*neutral_600',
+    checkbox_label_border_color='*secondary_700',
+    checkbox_label_gap='*form_gap_width',
+    error_background_fill='*background_fill_primary',
+    error_border_color='#ef4444',
+    error_text_color='#fef2f2',
+    error_icon_color='#ef4444',
+    input_background_fill='*secondary_600',
+    input_border_color='*secondary_600',
+    input_border_color_focus='*secondary_500',
+    input_placeholder_color='*neutral_500',
+    input_radius='*radius_xxs',
+    stat_background_fill='*primary_500',
+    table_border_color='*neutral_700',
+    table_even_background_fill='*neutral_700',
+    table_odd_background_fill='*neutral_700',
+    button_border_width='0px',
+    button_border_width_dark='0px',
+    button_transition='all 0.5s ease',
+    button_large_text_weight='500',
+    button_medium_text_weight='500',
+    button_primary_background_fill='linear-gradient(30deg, *primary_800 0%, *primary_950 50%)',
+    button_primary_background_fill_dark='linear-gradient(30deg, *primary_800 0%, *primary_950 50%)',
+    button_primary_background_fill_hover='linear-gradient(90deg, *primary_950 0%, *primary_700 60%)',
+    button_primary_background_fill_hover_dark='linear-gradient(90deg, *primary_950 0%, *primary_700 60%)',
+    button_primary_border_color='*primary_600',
+    button_primary_border_color_hover='*primary_500',
+    button_primary_text_color='white',
+    button_primary_text_color_hover='*code_background_fill',
+    button_primary_text_color_hover_dark='*code_background_fill',
+    button_primary_shadow='*button_primary_shadow',
+    button_primary_shadow_active='*button_primary_shadow',
+    button_secondary_background_fill='linear-gradient(100deg, *primary_950 0%, *primary_600 70%)',
+    button_secondary_background_fill_dark='linear-gradient(100deg, *primary_950 0%, *primary_600 70%)',
+    button_secondary_background_fill_hover='linear-gradient(90deg, *primary_700 0%, *primary_950 60%)',
+    button_secondary_background_fill_hover_dark='linear-gradient(90deg, *primary_700 0%, *primary_950 60%)',
+    button_secondary_border_color='*neutral_600',
+    button_secondary_border_color_hover='*neutral_500',
+    button_secondary_text_color='white',
+    button_secondary_text_color_hover='*table_even_background_fill',
+    button_secondary_text_color_hover_dark='*table_even_background_fill',
+    button_cancel_text_color_hover='white'
+)
 
 class SegmentSize(IntEnum):
     """Enumeration of segment sizes for audio separation."""
@@ -1150,7 +1219,7 @@ def render_app() -> gr.Blocks:
 
     with gr.Blocks(
         title="Redzone-6 Audio Playground",
-        theme=gr.Theme.load(str(Path(__file__).parent / "config/theme.json")),
+        theme=theme #gr.Theme.load(str(Path(__file__).parent / "config/theme.json")),
         css=css,
         delete_cache=(cache_delete_frequency, cache_delete_cutoff),
     ) as app: