Interface DevfiveTheme

interface DevfiveTheme {
    colors: {
        background: string;
        border: string;
        cardBackground: string;
        containerBackground: string;
        error: string;
        footerBackground: string;
        footerText: string;
        gnbBackground: string;
        info: string;
        mainText: string;
        menuBackground: string;
        primary: string;
        processing: string;
        secondary: string;
        subText: string;
        success: string;
        warning: string;
        [key: string]: string;
    };
    components: {
        Button: {
            wave: "default" | "none" | "ripple" | "shake";
        };
        Card: {
            shadow: undefined | boolean | ResponsiveValue<(number | BoxShadow)>;
        };
    };
    fontFamily: {
        [title: string]: string;
    };
    fontSizes: {
        default: number;
    };
    fonts: {
        body: string;
        heading: string;
    };
    motion: {
        page: ResponsiveValue<DevfiveMotion>;
    };
    radii: {
        card: string;
        main: string;
        [key: string]: string;
    };
}

Properties

colors components fontFamily fontSizes fonts motion radii

Properties

colors

colors: {
    background: string;
    border: string;
    cardBackground: string;
    containerBackground: string;
    error: string;
    footerBackground: string;
    footerText: string;
    gnbBackground: string;
    info: string;
    mainText: string;
    menuBackground: string;
    primary: string;
    processing: string;
    secondary: string;
    subText: string;
    success: string;
    warning: string;
    [key: string]: string;
}

Type declaration

  • [key: string]: string
  • background: string
  • border: string
  • cardBackground: string
  • containerBackground: string
  • error: string
  • footerBackground: string
  • footerText: string
  • gnbBackground: string
  • info: string
  • mainText: string
  • menuBackground: string
  • primary: string
  • processing: string
  • secondary: string
  • subText: string
  • success: string
  • warning: string

components

components: {
    Button: {
        wave: "default" | "none" | "ripple" | "shake";
    };
    Card: {
        shadow: undefined | boolean | ResponsiveValue<(number | BoxShadow)>;
    };
}

Type declaration

  • Button: {
        wave: "default" | "none" | "ripple" | "shake";
    }
    • wave: "default" | "none" | "ripple" | "shake"
  • Card: {
        shadow: undefined | boolean | ResponsiveValue<(number | BoxShadow)>;
    }

fontFamily

fontFamily: {
    [title: string]: string;
}

Type declaration

  • [title: string]: string

fontSizes

fontSizes: {
    default: number;
}

Type declaration

  • default: number

fonts

fonts: {
    body: string;
    heading: string;
}

Type declaration

  • body: string
  • heading: string

motion

motion: {
    page: ResponsiveValue<DevfiveMotion>;
}

Type declaration

radii

radii: {
    card: string;
    main: string;
    [key: string]: string;
}

Type declaration

  • [key: string]: string
  • card: string
  • main: string

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc