""" theme.py This module defines a custom Gradio theme. - For more information on Gradio themes see: https://www.gradio.app/docs/gradio/themes - For manual styling with css, see /src/assets/styles.css """ # Standard Library Imports from collections.abc import Iterable # Third-Party Library Imports from gradio.themes.base import Base from gradio.themes.utils import colors, fonts, sizes class CustomTheme(Base): def __init__( self, *, primary_hue: colors.Color | str = colors.purple, secondary_hue: colors.Color | str = colors.stone, neutral_hue: colors.Color | str = colors.neutral, spacing_size: sizes.Size | str = sizes.spacing_md, radius_size: sizes.Size | str = sizes.radius_md, text_size: sizes.Size | str = sizes.text_md, font: fonts.Font | str | Iterable[fonts.Font | str] = ( fonts.GoogleFont("Source Sans Pro"), "ui-sans-serif", "system-ui", "sans-serif", ), font_mono: fonts.Font | str | Iterable[fonts.Font | str] = ( fonts.GoogleFont("IBM Plex Mono"), "ui-monospace", "Consolas", "monospace", ), ): super().__init__( primary_hue=primary_hue, secondary_hue=secondary_hue, neutral_hue=neutral_hue, spacing_size=spacing_size, radius_size=radius_size, text_size=text_size, font=font, font_mono=font_mono, ) self.name = "custom_theme" super().set( # --- Colors --- error_background_fill="#EF4444", # error_background_fill_dark='', error_border_color="#B91C1C", # error_border_color_dark='', error_icon_color="#B91C1C", # error_icon_color_dark='', input_background_fill="#F9FAFB", # input_background_fill_dark='', # --- Shadows --- input_shadow_focus="0 0 0 *shadow_spread #7C3AED80, *shadow_inset", # input_shadow_focus_dark='', # --- Gradients --- stat_background_fill="linear-gradient(to right, #7C3AED, #D8B4FE)", # stat_background_fill_dark='', # --- Button borders --- button_border_width="0px", input_border_width="1px", # --- Primary Button --- button_primary_background_fill="#7E22CE", # button_primary_background_fill_dark='', button_primary_background_fill_hover="#9333EA", # button_primary_background_fill_hover_dark='', button_primary_text_color="#FFFFFF", # button_primary_text_color_dark='', # --- Secondary Button --- button_secondary_background_fill="#222222", # button_secondary_background_fill_dark='#4B5563', button_secondary_background_fill_hover="#3F3F3F", # button_secondary_background_fill_hover_dark='#374151', button_secondary_text_color="#FFFFFF", # button_secondary_text_color_dark='#FFFFFF', # --- Cancel Button --- button_cancel_background_fill="#EF4444", # button_cancel_background_fill_dark='#B91C1C', button_cancel_background_fill_hover="#DC2626", # button_cancel_background_fill_hover_dark='#991B1B', button_cancel_text_color="#FFFFFF", # button_cancel_text_color_dark='#FFFFFF', button_cancel_text_color_hover="#FFFFFF", # button_cancel_text_color_hover_dark='#FFFFFF', # --- Other --- border_color_accent_subdued="#A78BFA", )