colorSchemes: {
    dark: {
        palette: {
            action: { hover: string; selected: string };
            background: { default: string; paper: string };
            baseShadow: string;
            divider: string;
            error: { dark: string; light: string; main: string };
            flows: {
                inflows: { primary: string; surface: string; text: string };
                outflows: { primary: string; surface: string; text: string };
            };
            grey: {
                "100": string;
                "200": string;
                "300": string;
                "400": string;
                "50": string;
                "500": string;
                "600": string;
                "700": string;
                "750": string;
                "800": string;
                "850": string;
                "900": string;
            };
            info: { contrastText: string; dark: string; light: string; main: string };
            primary: {
                contrastText: string;
                dark: string;
                light: string;
                main: string;
            };
            success: { dark: string; light: string; main: string };
            text: { primary: string; secondary: string };
            warning: { dark: string; light: string; main: string };
        };
    };
    light: {
        palette: {
            action: { hover: string; selected: string };
            background: { default: string; paper: string };
            baseShadow: string;
            divider: string;
            error: { dark: string; light: string; main: string };
            flows: {
                inflows: { primary: string; surface: string; text: string };
                outflows: { primary: string; surface: string; text: string };
            };
            grey: {
                "100": string;
                "200": string;
                "300": string;
                "400": string;
                "50": string;
                "500": string;
                "600": string;
                "700": string;
                "750": string;
                "800": string;
                "850": string;
                "900": string;
            };
            info: { contrastText: string; dark: string; light: string; main: string };
            primary: {
                contrastText: string;
                dark: string;
                light: string;
                main: string;
            };
            success: { dark: string; light: string; main: string };
            text: { primary: string; secondary: string; warning: string };
            warning: { dark: string; light: string; main: string };
        };
    };
} = ...

Explicit light/dark colorSchemes palette definitions.

Type declaration

  • dark: {
        palette: {
            action: { hover: string; selected: string };
            background: { default: string; paper: string };
            baseShadow: string;
            divider: string;
            error: { dark: string; light: string; main: string };
            flows: {
                inflows: { primary: string; surface: string; text: string };
                outflows: { primary: string; surface: string; text: string };
            };
            grey: {
                "100": string;
                "200": string;
                "300": string;
                "400": string;
                "50": string;
                "500": string;
                "600": string;
                "700": string;
                "750": string;
                "800": string;
                "850": string;
                "900": string;
            };
            info: { contrastText: string; dark: string; light: string; main: string };
            primary: {
                contrastText: string;
                dark: string;
                light: string;
                main: string;
            };
            success: { dark: string; light: string; main: string };
            text: { primary: string; secondary: string };
            warning: { dark: string; light: string; main: string };
        };
    }
  • light: {
        palette: {
            action: { hover: string; selected: string };
            background: { default: string; paper: string };
            baseShadow: string;
            divider: string;
            error: { dark: string; light: string; main: string };
            flows: {
                inflows: { primary: string; surface: string; text: string };
                outflows: { primary: string; surface: string; text: string };
            };
            grey: {
                "100": string;
                "200": string;
                "300": string;
                "400": string;
                "50": string;
                "500": string;
                "600": string;
                "700": string;
                "750": string;
                "800": string;
                "850": string;
                "900": string;
            };
            info: { contrastText: string; dark: string; light: string; main: string };
            primary: {
                contrastText: string;
                dark: string;
                light: string;
                main: string;
            };
            success: { dark: string; light: string; main: string };
            text: { primary: string; secondary: string; warning: string };
            warning: { dark: string; light: string; main: string };
        };
    }