@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
55 lines (54 loc) • 1.78 kB
JavaScript
export const DEFAULT_FORM_COLORS = {
error: "#B0171F",
warning: "#f4e971",
focus: "#1148B8",
accent: "#767676",
primary: "#576CDB",
"primary-hover": "rgba(87, 108, 219, .8)",
"primary-pressed": "rgba(87, 108, 219, .9)",
"primary-text": "#ffffff",
white: "#ffffff",
"grey-text-dark": "rgba(0,0,0,1)",
"grey-text-light": "rgba(0,0,0,0.7)",
"grey-ui-dark": "rgba(0,0,0,0.3)",
"grey-ui-light": "rgba(0,0,0,0.1)",
"input-background": "white",
background: "white",
};
export const DEFAULT_INFO_COLORS = {
error: "#B0171F",
warning: "#f4e971",
focus: "#1148B8",
accent: "#767676",
primary: "#576CDB",
"primary-hover": "rgba(87, 108, 219, .8)",
"primary-pressed": "rgba(87, 108, 219, .9)",
"primary-text": "#ffffff",
white: "#ffffff",
"grey-text-dark": "rgba(0,0,0,1)",
"grey-text-light": "rgba(0,0,0,0.7)",
"grey-ui-dark": "rgba(0,0,0,0.3)",
"grey-ui-light": "rgba(0,0,0,0.1)",
"input-background": "white",
background: "#EFF3FA",
};
/**
* 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.
*/
const ColorsToBrandingAppearanceMapping = {
error: "color_error",
focus: "color_accent",
accent: "color_accent",
primary: "color_buttons_primary",
};
export const FormColorsToBrandingAppearanceMapping = {
...ColorsToBrandingAppearanceMapping,
"input-background": "color_form_bg",
background: "color_form_bg",
};
export const InfoColorsToBrandingAppearanceMapping = {
...ColorsToBrandingAppearanceMapping,
"input-background": "color_product_info_bg",
background: "color_product_info_bg",
};