@revenuecat/purchases-ui-js/dist/ui/theme/colors.d.ts

Web components for Paywalls. Powered by RevenueCat

import type { BrandingAppearance } from "../utils/branding";
/**
 * All those colors get translated in --rc-color-<property_name> css variables.
 * i.e. --rc-color-error or --rc-color-input-background
 */
export interface Colors {
    error: string;
    warning: string;
    focus: string;
    accent: string;
    primary: string;
    "primary-hover": string;
    "primary-pressed": string;
    "primary-text": string;
    white: string;
    "grey-text-dark": string;
    "grey-text-light": string;
    "grey-ui-dark": string;
    "grey-ui-light": string;
    "input-background": string;
    background: string;
}
export declare const DEFAULT_FORM_COLORS: Colors;
export declare const DEFAULT_INFO_COLORS: Colors;
/**
 * Mappings from the colors defined above and the colors downloaded from the BrandingAppearance.
 * Bear in mind that font colors are calculated dynamically given the resulting background color.
 */
export declare const ColorsToBrandingAppearanceMapping: Record<string, keyof BrandingAppearance>;
export declare const FormColorsToBrandingAppearanceMapping: {
    "input-background": string;
    background: string;
};
export declare const InfoColorsToBrandingAppearanceMapping: {
    "input-background": string;
    background: string;
};