Perfect some colour calculations - particularly for the Alert component

scss/_gsc-variables.scss

@@ -72,7 +72,7 @@ $theme-colors: map-merge((
 // stylelint-enable
 
 // Set a specific jump point for requesting color jumps
-$theme-color-interval:      1%;
+$theme-color-interval:      8%;
 
 // Body
 //
@@ -104,7 +104,7 @@ $headings-font-weight:        400;
 $headings-line-height:        1.0;
 // stylelint-enable value-keyword-case
 
-$mark-bg:                     theme-color-level("light", 10);
+$mark-bg:                     theme-color-level("light", 1);
 
 
 // Forms
@@ -130,7 +130,7 @@ $pagination-bg:                     theme-color("light");
 
 // Jumbotron
 
-$jumbotron-bg:                      theme-color-level("light", 20);
+$jumbotron-bg:                      theme-color-level("light", 2);
 
 
 // Tooltips
@@ -141,8 +141,8 @@ $tooltip-bg:                  theme-color("dark");
 
 // Popovers
 
-//$popover-bg:                        theme-color("light");
-//$popover-header-bg:                 theme-color-level("light", 3);
+$popover-bg:                        theme-color("light");
+$popover-header-bg:                 theme-color-level("light", 1);
 
 
 // Modals
@@ -165,14 +165,14 @@ $list-group-bg:                     theme-color("light");
 
 // Figures
 
-$figure-caption-color:              theme-color-level("dark", -10);
+$figure-caption-color:              theme-color-level("dark", -1);
 
 
 // Carousel
 
-//$carousel-control-color:            theme-color("light");
-//$carousel-indicator-active-bg:      theme-color("light");
-//$carousel-caption-color:            theme-color("light");
+$carousel-control-color:            theme-color("light");
+$carousel-indicator-active-bg:      theme-color("light");
+$carousel-caption-color:            theme-color("light");
 
 
 // Close