Sass Colors

In this page you can find the Sass 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.scss.

$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
Sass IntroductionSass Typography