import gradio as gr class WhyxTheme(gr.themes.Soft): def __init__(self): super().__init__( primary_hue="indigo", secondary_hue="violet", neutral_hue="slate", font=[gr.themes.GoogleFont("Inter"), "ui-sans-serif", "system-ui", "sans-serif"], font_mono=[gr.themes.GoogleFont("JetBrains Mono"), "ui-monospace", "monospace"], ) self.set( body_background_fill="#070A12", body_background_fill_dark="#070A12", body_text_color="#E2E8F0", body_text_color_dark="#E2E8F0", background_fill_primary="rgba(14,19,32,0.88)", background_fill_primary_dark="rgba(14,19,32,0.88)", background_fill_secondary="rgba(14,19,32,0.65)", background_fill_secondary_dark="rgba(14,19,32,0.65)", border_color_primary="rgba(255,255,255,0.07)", border_color_primary_dark="rgba(255,255,255,0.07)", border_color_accent="rgba(16,185,129,0.35)", border_color_accent_dark="rgba(16,185,129,0.35)", color_accent="#7C3AED", color_accent_soft="rgba(79,70,229,0.18)", color_accent_soft_dark="rgba(79,70,229,0.18)", block_background_fill="rgba(14,19,32,0.88)", block_background_fill_dark="rgba(14,19,32,0.88)", block_border_color="rgba(255,255,255,0.07)", block_border_color_dark="rgba(255,255,255,0.07)", block_border_width="1px", block_radius="10px", block_label_text_color="rgba(148,163,184,0.95)", block_label_text_color_dark="rgba(148,163,184,0.95)", block_label_padding="6px 12px", block_title_text_color="#CBD5E1", block_title_text_color_dark="#CBD5E1", block_title_padding="0 12px 6px 12px", block_padding="16px", block_shadow="0 4px 16px rgba(0,0,0,0.28)", block_shadow_dark="0 4px 16px rgba(0,0,0,0.28)", input_background_fill="rgba(10,14,26,0.55)", input_background_fill_dark="rgba(10,14,26,0.55)", input_border_color="rgba(255,255,255,0.08)", input_border_color_dark="rgba(255,255,255,0.08)", input_border_width="1px", input_border_color_focus="rgba(79,70,229,0.5)", input_border_color_focus_dark="rgba(79,70,229,0.5)", input_radius="10px", input_padding="10px 14px", input_shadow="none", input_shadow_dark="none", input_shadow_focus="0 0 0 3px rgba(79,70,229,0.18)", input_shadow_focus_dark="0 0 0 3px rgba(79,70,229,0.18)", checkbox_background_color="rgba(255,255,255,0.045)", checkbox_background_color_dark="rgba(255,255,255,0.045)", checkbox_border_color="rgba(255,255,255,0.09)", checkbox_border_color_dark="rgba(255,255,255,0.09)", checkbox_border_color_hover="rgba(255,255,255,0.14)", checkbox_border_color_hover_dark="rgba(255,255,255,0.14)", checkbox_border_color_selected="#7C3AED", checkbox_border_color_selected_dark="#7C3AED", checkbox_background_color_selected="rgba(79,70,229,0.18)", checkbox_background_color_selected_dark="rgba(79,70,229,0.18)", radio_circle="#7C3AED", slider_color="#7C3AED", slider_color_dark="#7C3AED", button_primary_background_fill="#7C3AED", button_primary_background_fill_dark="#7C3AED", button_primary_background_fill_hover="#5B21B6", button_primary_background_fill_hover_dark="#5B21B6", button_primary_text_color="#FFFFFF", button_primary_text_color_dark="#FFFFFF", button_primary_border_color="transparent", button_primary_border_color_dark="transparent", button_primary_shadow="0 4px 16px rgba(79,70,229,0.25)", button_primary_shadow_dark="0 4px 16px rgba(79,70,229,0.25)", button_primary_shadow_hover="0 8px 28px rgba(79,70,229,0.32)", button_primary_shadow_hover_dark="0 8px 28px rgba(79,70,229,0.32)", button_large_radius="999px", button_large_padding="14px 32px", button_large_text_size="16px", button_secondary_background_fill="transparent", button_secondary_background_fill_dark="transparent", button_secondary_background_fill_hover="rgba(255,255,255,0.045)", button_secondary_background_fill_hover_dark="rgba(255,255,255,0.045)", button_secondary_text_color="#CBD5E1", button_secondary_text_color_dark="#CBD5E1", button_secondary_text_color_hover="#FFFFFF", button_secondary_text_color_hover_dark="#FFFFFF", button_secondary_border_color="rgba(255,255,255,0.09)", button_secondary_border_color_dark="rgba(255,255,255,0.09)", button_secondary_border_color_hover="rgba(255,255,255,0.14)", button_secondary_border_color_hover_dark="rgba(255,255,255,0.14)", button_secondary_shadow="0 1px 4px rgba(0,0,0,0.22)", button_secondary_shadow_dark="0 1px 4px rgba(0,0,0,0.22)", button_secondary_shadow_hover="0 6px 20px rgba(79,70,229,0.18)", button_secondary_shadow_hover_dark="0 6px 20px rgba(79,70,229,0.18)", button_small_radius="6px", button_small_padding="5px 12px", button_small_text_size="12px", button_border_width="1px", button_transform_hover="translateY(-2px)", button_transition="all 0.2s cubic-bezier(0.4, 0, 0.2, 1)", panel_background_fill="rgba(14,19,32,0.88)", panel_background_fill_dark="rgba(14,19,32,0.88)", panel_border_color="rgba(255,255,255,0.07)", panel_border_color_dark="rgba(255,255,255,0.07)", link_text_color="#7C3AED", link_text_color_dark="#7C3AED", link_text_color_hover="#10B981", link_text_color_hover_dark="#10B981", error_background_fill="rgba(239,68,68,0.1)", error_background_fill_dark="rgba(239,68,68,0.1)", error_border_color="#EF4444", error_border_color_dark="#EF4444", error_text_color="#FCA5A5", error_text_color_dark="#FCA5A5", shadow_drop="0 4px 16px rgba(0,0,0,0.28)", shadow_drop_lg="0 8px 32px rgba(0,0,0,0.35)", table_border_color="rgba(255,255,255,0.07)", table_border_color_dark="rgba(255,255,255,0.07)", table_even_background_fill="rgba(14,19,32,0.88)", table_even_background_fill_dark="rgba(14,19,32,0.88)", table_odd_background_fill="rgba(14,19,32,0.65)", table_odd_background_fill_dark="rgba(14,19,32,0.65)", )