%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/def/static/js/themes/ |
Current File : /home/emergentqj/actioncivile/pre-auth/def/static/js/themes/styledComponentsTheme.js |
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"], }, }, };