expand the color options

Author: alishaevn

src/assets/theme/bootstrap-preview.scss

@@ -18,6 +18,15 @@ $black: #000000;
 
 // create our own custom colors map, and merge it with bootstrap's theme-colors map to generate utility functions that can be used throughout the map
 $custom-colors: (
+  'dark-1': darken($dark, 3%),
+  'dark-2': darken($dark, 5%),
+  'dark-3': darken($dark, 10%),
+  'dark-4': darken($dark, 20%),
+  'dark-5': $dark,
+  'dark-6': lighten($dark, 3%),
+  'dark-7': lighten($dark, 5%),
+  'dark-8': lighten($dark, 10%),
+  'dark-9': lighten($dark, 20%),
   'light-1': darken($light, 3%),
   'light-2': darken($light, 5%),
   'light-3': darken($light, 10%),
@@ -27,6 +36,15 @@ $custom-colors: (
   'light-7': lighten($light, 5%),
   'light-8': lighten($light, 10%),
   'light-9': lighten($light, 20%),
+  'primary-1': darken($primary, 3%),
+  'primary-2': darken($primary, 5%),
+  'primary-3': darken($primary, 10%),
+  'primary-4': darken($primary, 20%),
+  'primary-5': $primary,
+  'primary-6': lighten($primary, 3%),
+  'primary-7': lighten($primary, 5%),
+  'primary-8': lighten($primary, 10%),
+  'primary-9': lighten($primary, 20%),
   'secondary-1': darken($secondary, 3%),
   'secondary-2': darken($secondary, 5%),
   'secondary-3': darken($secondary, 10%),