@expo/styleguide-native/dist/src/styles/themes.d.ts

Foundational styles for Expo interfaces.

export declare const lightTheme: {
    background: {
        default: string;
        canvas: string;
        screen: string;
        secondary: string;
        tertiary: string;
        quaternary: string;
        error: string;
        warning: string;
        success: string;
        overlay: string;
    };
    border: {
        default: string;
        error: string;
        success: string;
        warning: string;
    };
    button: {
        primary: {
            background: string;
            foreground: string;
        };
        secondary: {
            background: string;
            foreground: string;
        };
        tertiary: {
            background: string;
            foreground: string;
        };
        transparent: {
            background: string;
            foreground: string;
        };
        ghost: {
            background: string;
            foreground: string;
            border: string;
        };
    };
    icon: {
        default: string;
        secondary: string;
    };
    link: {
        default: string;
    };
    status: {
        default: string;
        error: string;
        warning: string;
        success: string;
        info: string;
    };
    text: {
        default: string;
        secondary: string;
        error: string;
        warning: string;
        success: string;
    };
    code: {
        keyword: string;
        builtin: string;
        property: string;
        comment: string;
        punctuation: string;
        operator: string;
        regex: string;
        string: string;
        before: string;
    };
    highlight: {
        accent: string;
        emphasis: string;
    };
    project: {
        blue: string;
        green: string;
        yellow: string;
        orange: string;
        red: string;
        pink: string;
        purple: string;
    };
};
export declare const darkTheme: {
    background: {
        default: string;
        canvas: string;
        screen: string;
        secondary: string;
        tertiary: string;
        quaternary: string;
        error: string;
        warning: string;
        success: string;
        overlay: string;
    };
    border: {
        default: string;
        error: string;
        success: string;
        warning: string;
    };
    button: {
        primary: {
            background: string;
            foreground: string;
        };
        secondary: {
            background: string;
            foreground: string;
        };
        tertiary: {
            background: string;
            foreground: string;
        };
        transparent: {
            background: string;
            foreground: string;
        };
        ghost: {
            background: string;
            foreground: string;
            border: string;
        };
    };
    icon: {
        default: string;
        secondary: string;
    };
    link: {
        default: string;
    };
    status: {
        default: string;
        error: string;
        warning: string;
        success: string;
        info: string;
    };
    text: {
        default: string;
        secondary: string;
        error: string;
        warning: string;
        success: string;
    };
    code: {
        keyword: string;
        builtin: string;
        property: string;
        comment: string;
        punctuation: string;
        operator: string;
        regex: string;
        string: string;
        before: string;
    };
    highlight: {
        accent: string;
        emphasis: string;
    };
    project: {
        blue: string;
        green: string;
        yellow: string;
        orange: string;
        red: string;
        pink: string;
        purple: string;
    };
};