Actually use $progress-bar-color instead of hardcoded color

Refs #18535

diff --git a/scss/_progress.scss b/scss/_progress.scss
index 15040518d9b2f723411225e23f5db3fa40e6d69e..9c633a525a6cfdf7570b3c1e5578f58119fdcf30 100644 (file)
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@@ -29,7 +29,7 @@
   @include border-radius($border-radius);
 }
 .progress[value]::-ms-fill {
-  background-color: #0074d9;
+  background-color: $progress-bar-color;
   // Remove right-hand border of value bar from IE10+/Edge
   border: 0;
 }
@@ -39,7 +39,7 @@
   @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
 }
 .progress[value]::-webkit-progress-value {
-  background-color: #0074d9;
+  background-color: $progress-bar-color;
   border-top-left-radius: $border-radius;
   border-bottom-left-radius: $border-radius;
 }
@@ -59,7 +59,7 @@
 //     .box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
 //   }
 //   .progress[value]::-moz-progress-bar {
-//     background-color: #0074d9;
+//     background-color: $progress-bar-color;
 //     border-top-left-radius: $border-radius;
 //     border-bottom-left-radius: $border-radius;
 //   }
@@ -86,7 +86,7 @@
     display: inline-block;
     height: $spacer-y;
     text-indent: -999rem; // Simulate hiding of value as in native `<progress>`
-    background-color: #0074d9;
+    background-color: $progress-bar-color;
     border-top-left-radius: $border-radius;
     border-bottom-left-radius: $border-radius;
   }