| from gradio.themes.base import Base |
| from gradio.themes.utils import colors, fonts, sizes |
|
|
|
|
| class CustomMinimalTheme(Base): |
| def __init__(self): |
| super().__init__( |
| primary_hue=colors.indigo, |
| secondary_hue=colors.sky, |
| neutral_hue=colors.zinc, |
| font=fonts.GoogleFont("Inter"), |
| spacing_size=sizes.spacing_md, |
| radius_size=sizes.radius_md, |
| text_size=sizes.text_sm, |
| ) |
|
|
| self.set( |
| |
| body_background_fill="linear-gradient(145deg, #f8fafc, #e0e7ff)", |
|
|
| |
| block_border_width="1px", |
| block_shadow="0 2px 6px rgba(0,0,0,0.04)", |
| block_radius="12px", |
|
|
| |
| input_border_color="#d1d5db", |
|
|
| |
| button_primary_background_fill="linear-gradient(90deg, #4f46e5, #6366f1)", |
| button_primary_background_fill_hover="linear-gradient(90deg, #4338ca, #4f46e5)", |
| button_primary_text_color="white", |
| button_primary_border_color="#4338ca", |
| button_primary_shadow="0 4px 14px rgba(79,70,229,0.35)", |
| button_primary_shadow_hover="0 6px 16px rgba(79,70,229,0.45)", |
|
|
| |
| button_secondary_background_fill="linear-gradient(90deg, #e0f2fe, #bae6fd)", |
| button_secondary_background_fill_hover="linear-gradient(90deg, #bae6fd, #7dd3fc)", |
| button_secondary_text_color="#0369a1", |
| button_secondary_border_color="#7dd3fc", |
| button_secondary_shadow="0 2px 6px rgba(14,165,233,0.2)", |
| button_secondary_shadow_hover="0 4px 10px rgba(14,165,233,0.3)" |
| ) |
|
|
