PostCSS Colors

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

--color-primary-light: #FDA4AF;
--color-primary: #F43F5E;
--color-primary-dark: #9F1239;
Primary Light#FDA4AF
Primary#F43F5E
Primary Dark#9F1239
--color-secondary-light: #7DD3FC;
--color-secondary: #0EA5E9;
--color-secondary-dark: #075985;
Secondary Light#7DD3FC
Secondary#0EA5E9
Secondary Dark#075985
--color-tertiary-light: #D8B4FE;
--color-tertiary: #A855F7;
--color-tertiary-dark: #6B21A8;
Tertiary Light#D8B4FE
Tertiary#A855F7
Tertiary Dark#6B21A8
--color-dark: #000;
--color-light: #FFF;
Dark#000000
Light#FFFFFF
--color-gray-light: #E5E7EB;
--color-gray: #9CA3AF;
--color-gray-dark: #4B5563;
Gray Light#E5E7EB
Gray#9CA3AF
Gray Dark#4B5563
--color-success: #28A745;
--color-error: #DC3545;
--color-warning: #FFC107;
--color-info: #17A2B8;
Success#28A745
Error#DC3545
Warning#FFC107
Info#17A2B8
PostCSS IntroductionPostCSS Typography