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