Update app.py

app.py

@@ -88,76 +88,6 @@ 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."""
@@ -1219,7 +1149,7 @@ def render_app() -> gr.Blocks:
 
     with gr.Blocks(
         title="Redzone-6 Audio Playground",
-        theme=theme
+        theme=gr.Theme.load(str(Path(__file__).parent / "config/theme.json")),
         css=css,
         delete_cache=(cache_delete_frequency, cache_delete_cutoff),
     ) as app: