from typing import Union, Iterable

from gradio.themes.base import Base
from gradio.themes.utils import colors, fonts, sizes


class Seafoam(Base):
    def __init__(
        self,
        *,
        primary_hue: Union[colors.Color, str] = colors.slate,
        secondary_hue: Union[colors.Color, str] = colors.blue,
        neutral_hue: Union[colors.Color, str] = colors.slate,
        spacing_size: Union[sizes.Size, str] = sizes.spacing_md,
        radius_size: Union[sizes.Size, str] = sizes.radius_md,
        text_size: Union[sizes.Size, str] = sizes.text_lg,
        font: Union[fonts.Font, str, Iterable[Union[fonts.Font, str]]] = (
            fonts.GoogleFont("Noto Sans TC"),
            "ui-sans-serif",
            "sans-serif",
        ),
        font_mono: Union[fonts.Font, str, Iterable[Union[fonts.Font, str]]] = (
            fonts.GoogleFont("IBM Plex Mono"),
            "ui-monospace",
            "monospace",
        ),
    ):
        super().__init__(
            spacing_size=spacing_size,
            radius_size=radius_size,
            text_size=text_size,
            font=font,
            font_mono=font_mono,
        )
        super().set(
            body_background_fill="url('https://storage.googleapis.com/wpassets.junyiacademy.org/1/2023/11/background-scaled.jpg') no-repeat center center / cover",
            body_background_fill_dark="url('https://storage.googleapis.com/wpassets.junyiacademy.org/1/2023/11/background-scaled.jpg') no-repeat center center / cover",
            
            body_text_color="#333",
            body_text_color_dark="#333",

            background_fill_primary="rgba(255, 255, 255, 1)",
            background_fill_primary_dark="rgba(255, 255, 255, 1)",

            background_fill_secondary="rgba(255, 255, 255, 0.0)",
            background_fill_secondary_dark="rgba(255, 255, 255, 0)",

            blcock_background_fill="rgba(255, 255, 255, 0.1)",
            block_background_fill_dark="rgba(255, 255, 255, 0.1)",

            block_border_color="rgba(255, 255, 255, 0.1)",
            block_border_color_dark="rgba(255, 255, 255, 0.1)",

            border_color_primary="trasparent",
            border_color_primary_dark="trasparent",

            slider_color="*secondary_300",
            slider_color_dark="*secondary_600",

            block_title_text_weight="600",
            block_border_width="3px",
            block_shadow="*shadow_drop_lg",
        )