@naarni/design-system/build/theme/deviceTheme.d.ts

Naarni React Native Design System for EV Fleet Apps

export declare const useDeviceTheme: () => {
    colors: {
        primary: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        secondary: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        success: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        error: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        warning: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        info: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        accent: {
            purple: string;
            pink: string;
            orange: string;
            teal: string;
        };
        grey: {
            50: string;
            100: string;
            200: string;
            300: string;
            400: string;
            500: string;
            600: string;
            700: string;
            800: string;
            900: string;
        };
        common: {
            black: string;
            white: string;
        };
        text: {
            primary: string;
            secondary: string;
            disabled: string;
            inverse: string;
        };
        background: {
            default: string;
            paper: string;
            elevated: string;
            gradient: string[];
        };
        surface: {
            card: string;
            cardHover: string;
            border: string;
            divider: string;
        };
    };
    isDark: boolean;
    mode: "light" | "dark";
};
export declare const lightTheme: {
    colors: {
        primary: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        secondary: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        success: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        error: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        warning: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        info: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        accent: {
            purple: string;
            pink: string;
            orange: string;
            teal: string;
        };
        grey: {
            50: string;
            100: string;
            200: string;
            300: string;
            400: string;
            500: string;
            600: string;
            700: string;
            800: string;
            900: string;
        };
        common: {
            black: string;
            white: string;
        };
        text: {
            primary: string;
            secondary: string;
            disabled: string;
            inverse: string;
        };
        background: {
            default: string;
            paper: string;
            elevated: string;
            gradient: string[];
        };
        surface: {
            card: string;
            cardHover: string;
            border: string;
            divider: string;
        };
    };
    isDark: boolean;
    mode: "light";
};
export declare const darkTheme: {
    colors: {
        primary: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        secondary: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        success: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        error: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        warning: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        info: {
            main: string;
            light: string;
            dark: string;
            gradient: string[];
        };
        accent: {
            purple: string;
            pink: string;
            orange: string;
            teal: string;
        };
        grey: {
            50: string;
            100: string;
            200: string;
            300: string;
            400: string;
            500: string;
            600: string;
            700: string;
            800: string;
            900: string;
        };
        common: {
            black: string;
            white: string;
        };
        text: {
            primary: string;
            secondary: string;
            disabled: string;
            inverse: string;
        };
        background: {
            default: string;
            paper: string;
            elevated: string;
            gradient: string[];
        };
        surface: {
            card: string;
            cardHover: string;
            border: string;
            divider: string;
        };
    };
    isDark: boolean;
    mode: "dark";
};
//# sourceMappingURL=deviceTheme.d.ts.map