%PDF-
%PDF-
Mini Shell
Mini Shell
const globalTokens = {
"purple-70": "#56004D",
"purple-40": "#872878",
"purple-5": "#F5EAF3",
"pink-40": "#FF52A3",
"pink-10": "#FFB1D5",
"blue-40": "#3497DB",
"blue-5": "#E9F5FC",
"green-40": "#10B461",
"green-5": "#E8F7F0",
"yellow-40": "#F8D205",
"yellow-5": "#FEF9DC",
"red-40": "#E8252D",
"red-5": "#FCF3F3",
"neutral-60": "#333333",
"neutral-50": "#666666",
"neutral-40": "#999999",
"neutral-30": "#EBEAEE",
"neutral-20": "#F2F2F2",
"neutral-10": "#FFFFFF",
};
export const styledComponentsTheme = {
color: {
"primary-variant": globalTokens["purple-70"],
primary: globalTokens["purple-40"],
"primary-container": globalTokens["purple-5"],
secondary: globalTokens["pink-40"],
"secondary-variant": globalTokens["pink-10"],
info: globalTokens["blue-40"],
"info-container": globalTokens["blue-5"],
success: globalTokens["green-40"],
"success-container": globalTokens["green-5"],
warning: globalTokens["yellow-40"],
"warning-container": globalTokens["yellow-5"],
error: globalTokens["red-40"],
"error-container": globalTokens["red-5"],
neutral: {
primary: globalTokens["neutral-60"],
secondary: globalTokens["neutral-50"],
tertiary: globalTokens["neutral-40"],
},
"neutral-container": {
tertiary: globalTokens["neutral-30"],
secondary: globalTokens["neutral-20"],
primary: globalTokens["neutral-10"],
},
},
};
Zerion Mini Shell 1.0