interface ThemeExtended {
    alpha: (color: string, value: string | number) => string;
    applyStyles: ApplyStyles<SupportedColorScheme>;
    background: string;
    backgroundDefault: string;
    breakpoints: Breakpoints;
    colors?: Partial<
        {
            darkBackground: string;
            darkLevel1: string;
            darkLevel2: string;
            darkPaper: string;
            darkTextPrimary: string;
            errorDark: string;
            errorLight: string;
            errorMain: string;
            grey100: string;
            grey300: string;
            grey400: string;
            grey50: string;
            grey500: string;
            grey700: string;
            orangeDark: string;
            orangeLight: string;
            orangeMain: string;
            primary200: string;
            primary800: string;
            primaryDark: string;
            primaryLight: string;
            primaryMain: string;
            secondary200: string;
            secondary800: string;
            secondaryDark: string;
            secondaryLight: string;
            secondaryMain: string;
            success200: string;
            successDark: string;
            successLight: string;
            successMain: string;
            textDark: string;
            warningDark: string;
            warningLight: string;
            warningMain: string;
        },
    >;
    components?: Components<BaseTheme>;
    containerQueries: (name: string) => ContainerQueries & ContainerQueries;
    cssVariables?: false;
    customization?: {
        borderRadius: number;
        fontFamily: string;
        navType: "light" | "dark";
    };
    darken: (color: string, coefficient: string | number) => string;
    darkTextPrimary: string;
    darkTextSecondary: string;
    direction: Direction;
    divider: string;
    heading: string;
    lighten: (color: string, coefficient: string | number) => string;
    menuSelected: string;
    menuSelectedBack: string;
    mixins: Mixins;
    palette: Palette;
    paper: string;
    shadows: Shadows;
    shape: Shape;
    spacing: Spacing;
    textDark: string;
    transitions: Transitions;
    typography: TypographyVariants;
    unstable_strictMode?: boolean;
    unstable_sx: (props: SxProps<Theme>) => CSSObject;
    unstable_sxConfig: SxConfig;
    variant?: "outlined" | "standard" | "filled";
    vars?: ThemeVars;
    zIndex: ZIndex;
}

Hierarchy

  • Theme
    • ThemeExtended

Properties

alpha: (color: string, value: string | number) => string
applyStyles: ApplyStyles<SupportedColorScheme>
background: string
backgroundDefault: string
breakpoints: Breakpoints
colors?: Partial<
    {
        darkBackground: string;
        darkLevel1: string;
        darkLevel2: string;
        darkPaper: string;
        darkTextPrimary: string;
        errorDark: string;
        errorLight: string;
        errorMain: string;
        grey100: string;
        grey300: string;
        grey400: string;
        grey50: string;
        grey500: string;
        grey700: string;
        orangeDark: string;
        orangeLight: string;
        orangeMain: string;
        primary200: string;
        primary800: string;
        primaryDark: string;
        primaryLight: string;
        primaryMain: string;
        secondary200: string;
        secondary800: string;
        secondaryDark: string;
        secondaryLight: string;
        secondaryMain: string;
        success200: string;
        successDark: string;
        successLight: string;
        successMain: string;
        textDark: string;
        warningDark: string;
        warningLight: string;
        warningMain: string;
    },
>
components?: Components<BaseTheme>
containerQueries: (name: string) => ContainerQueries & ContainerQueries
cssVariables?: false
customization?: {
    borderRadius: number;
    fontFamily: string;
    navType: "light" | "dark";
}
darken: (color: string, coefficient: string | number) => string
darkTextPrimary: string
darkTextSecondary: string
direction: Direction
divider: string
heading: string
lighten: (color: string, coefficient: string | number) => string
menuSelected: string
menuSelectedBack: string
mixins: Mixins
palette: Palette
paper: string
shadows: Shadows
shape: Shape
spacing: Spacing
textDark: string
transitions: Transitions
typography: TypographyVariants
unstable_strictMode?: boolean
unstable_sx: (props: SxProps<Theme>) => CSSObject
unstable_sxConfig: SxConfig
variant?: "outlined" | "standard" | "filled"
vars?: ThemeVars
zIndex: ZIndex