diff --git a/src/scss/bootstrap.scss b/src/scss/bootstrap.scss
index c9152f4d..9170cf8c 100644
--- a/src/scss/bootstrap.scss
+++ b/src/scss/bootstrap.scss
@@ -1,4 +1,4 @@
-$theme-colors: ( "primary": #175DDC, "primary-accent": #1252A3, "danger": #dd4b39, "success": #00a65a, "info": #555555, "warning": #bf7e16);
+$theme-colors: ( "primary": #175DDC, "primary-accent": #1252A3, "danger": #dd4b39, "success": #00a65a, "info": #555555, "warning": #bf7e16, "secondary": #ced4da, "secondary-alt": #1A3B66);
 $font-family-sans-serif: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
 
 $h1-font-size: 2rem;
@@ -8,4 +8,13 @@ $h4-font-size: 1rem;
 $h5-font-size: 1rem;
 $h6-font-size: 1rem;
 
+$primary: map_get($theme-colors, 'primary'); 
+$primary-accent: map_get($theme-colors, 'primary-accent'); 
+$success: map_get($theme-colors, 'success'); 
+$info: map_get($theme-colors, 'info'); 
+$warning: map_get($theme-colors, 'warning'); 
+$danger: map_get($theme-colors, 'danger'); 
+$secondary: map_get($theme-colors, 'secondary'); 
+$secondary-alt: map_get($theme-colors, 'secondary-alt'); 
+
 @import "~bootstrap/scss/bootstrap.scss";
diff --git a/src/scss/misc.scss b/src/scss/misc.scss
index b093fe97..01ceb2eb 100644
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@@ -76,7 +76,7 @@ ul.testing-list {
         border-left-color: $primary;
 
         .callout-heading {
-                color: $primary;
+            color: $primary;
         }
     }
 
@@ -84,7 +84,7 @@ ul.testing-list {
         border-left-color: $info;
 
         .callout-heading {
-                color: $info; 
+            color: $info; 
         }
     }
 
@@ -100,7 +100,7 @@ ul.testing-list {
         border-left-color: $success;
 
         .callout-heading {
-                color: $success;
+            color: $success;
         }
     }