Emotion Colors

In this page you can find the Emotion theme for the Cherry color palette. All color variables contain a suffix ${color}. The definitions of the variables can be found in the file theme.js.

primaryLight: "#FDA4AF",
primary: "#F43F5E",
primaryDark: "#9F1239",
Primary Light#FDA4AF
Primary#F43F5E
Primary Dark#9F1239
secondaryLight: "#7DD3FC",
secondary: "#0EA5E9",
secondaryDark: "#075985",
Secondary Light#7DD3FC
Secondary#0EA5E9
Secondary Dark#075985
tertiaryLight: "#D8B4FE",
tertiary: "#A855F7",
tertiaryDark: "#6B21A8",
Tertiary Light#D8B4FE
Tertiary#A855F7
Tertiary Dark#6B21A8
dark: "#000",
light: "#fff",
Dark#000000
Light#FFFFFF
grayLight: "#E5E7EB",
gray: "#9CA3AF",
grayDark: "#4B5563",
Gray Light#E5E7EB
Gray#9CA3AF
Gray Dark#4B5563
success: "#28A745",
error: "#DC3545",
warning: "#FFC107",
info: "#17A2B8",
Success#28A745
Error#DC3545
Warning#FFC107
Info#17A2B8
Components IntroductionTypography Components