Spaces:
Running
Running
zach
Add formatter (black) and format all code in src directory— using black default formatting configuration
d1ed6b1
""" | |
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 __future__ import annotations | |
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", | |
) | |