66 lines
1.3 KiB
SCSS
66 lines
1.3 KiB
SCSS
/* You can add reusable colors */
|
|
|
|
// Primary
|
|
$dark-orange-1: #933401;
|
|
$dark-orange-2: #571F01;
|
|
$orange: #D04A02;
|
|
$light-orange-1: #FD6412;
|
|
$light-orange-2: #FEB791;
|
|
|
|
$dark-tangerine-1: #AE6800;
|
|
$dark-tangerine-2: #714300;
|
|
$tangerine: #EB8C00;
|
|
$light-tangerine-1: #FFA929;
|
|
$light-tangerine-2: #FFDCA9;
|
|
|
|
$dark-yellow-1: #C28A00;
|
|
$dark-yellow-2: #855F00;
|
|
$yellow: #FFB600;
|
|
$light-yellow-1: #FFC83D;
|
|
$light-yellow-2: #FFECBD;
|
|
|
|
$dark-rose-1: #A43E50;
|
|
$dark-rose-2: #6E2A35;
|
|
$rose: #DB536A;
|
|
$light-rose-1: #E27588;
|
|
$light-rose-2: #F1BAC3;
|
|
|
|
$dark-red-1: #AA2417;
|
|
$dark-red-2: #741910;
|
|
$red: #E0301E;
|
|
$light-red-1: #E86153;
|
|
$Light-red-2: #F7C8C4;
|
|
|
|
$white: white;
|
|
$black: black;
|
|
$dark-grey: #2D2D2D;
|
|
$medium-grey: #464646;
|
|
$grey: #7D7D7D;
|
|
$light-grey: #DEDEDE;
|
|
|
|
// Secondary
|
|
$dark-purple-1: #6A1CE2;
|
|
$dark-purple-2: #4B06B2;
|
|
$purple: #9013FE;
|
|
$light-purple-1: #B15AFE;
|
|
$light-purple-2: #DEB8FF;
|
|
|
|
$dark-blue-1: #0060D7;
|
|
$dark-blue-2: #003DAB;
|
|
$blue: #0089EB;
|
|
$light-blue-1: #4DACF1;
|
|
$light-blue-2: #B3DCF9;
|
|
|
|
$dark-green-1: #2C8646;
|
|
$dark-green-2: #175C2C;
|
|
$green: #4EB523;
|
|
$light-green-1: #86DB4F;
|
|
$light-green-2: #C4FC9F;
|
|
$rose-for-white-type: #D93954;
|
|
|
|
// Status Colors
|
|
$status-red: #E0301E;
|
|
$status-yellow: #FFB600;
|
|
$status-green: #175C2C;
|
|
|