add black and white to the bootstrap color map. also add 2 darkened versions of the secondary color. plus formatting in this file

Author: alishaevn

src/assets/theme/bootstrap-preview.scss

@@ -1,24 +1,29 @@
 // these colors and variables match what is in the webstore's theme.module.scss file. this file enables us to see the preview of what these overrides will look like without actually importing these from here into the webstore project. In order to see a preview in storybook of how components will look with custom colors, these values must be updated.
 
-$primary: #333333; 
-$secondary: #CCCCCC; 
-$success: #666666; 
-$info: #999999; 
-$warning: #2a2a2a;
+$primary: #333333;
+$secondary: #CCCCCC;
+$success: #666666;
+$info: #999999;
+$warning: #2A2A2A;
 $danger: #606060;
-$light: #f8f9fa;
+$light: #F8F9FA;
 $dark: #212529;
-$white: #ffffff;
+$white: #FFFFFF;
+$black: #000000;
 
 // these imports must be AFTER the theme color overrides above in order to properly override bootstrap's colors, but before the theme maps.
-@import "../../../node_modules/bootstrap/scss/functions";
-@import "../../../node_modules/bootstrap/scss/variables";
-@import "../../../node_modules/bootstrap/scss/mixins";
+@import '../../../node_modules/bootstrap/scss/functions';
+@import '../../../node_modules/bootstrap/scss/variables';
+@import '../../../node_modules/bootstrap/scss/mixins';
 
 // 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: (
-  "light-2": darken($light, 3%),
-  "light-3": darken($light, 10%)
+  'light-2': darken($light, 3%),
+  'light-3': darken($light, 10%),
+  'secondary-2': darken($secondary, 3%),
+  'secondary-3': darken($secondary, 10%),
+  'black': $black,
+  'white': $white,
 );
 $theme-colors: map-merge($theme-colors, $custom-colors);