1// Sass Color Variables
2$black: #000;
3$white: #fff;
4
5$blue-100: #eff2fb;
6$blue-500: #2d60e5;
7
8$green-100: #ecfdf1;
9$green-500: #0a7d06;
10
11$red-100: #feeeed;
12$red-500: #da1416;
13
14$yellow-100: #fff8e4;
15$yellow-500: #efc100;
16
17$gray-100: #f4f4f4;
18$gray-200: #e6e6e6;
19$gray-300: #d8d8d8;
20$gray-400: #cccccc;
21$gray-500: #b3b3b3;
22$gray-600: #999999;
23$gray-700: #666666;
24$gray-800: #3f3f3f;
25$gray-900: #161616;
26
27// Sass Base Color Variables
28$blue: $blue-500;
29$green: $green-500;
30$red: $red-500;
31$yellow: $yellow-500;
32
33// Sass Theme Color Variables
34// Can be used as variants
35$danger: $red;
36$dark: $gray-900;
37$info: $blue;
38$light: $gray-100;
39$primary: $blue;
40$secondary: $gray-800;
41$success: $green;
42$warning: $yellow;
43
44// Sass Color Variable Accents
45// Used for component styles and are
46// not available as variants
47$danger-light: $red-100;
48$info-light: $blue-100;
49$warning-light: $yellow-100;
50$success-light: $green-100;
51
52