Update background color variables

5 files changed, 9 insertions, 9 deletions

diff --git a/src/bars.less b/src/bars.less
index 55ddf75..a878300 100644
--- a/src/bars.less
+++ b/src/bars.less
@@ -1,6 +1,6 @@
 // Bars
 .bar {
-  background: @border-color;
+  background: @dark-bg-color;
   border-radius: @border-radius;
   display: flex;
   flex-wrap: nowrap;
diff --git a/src/chips.less b/src/chips.less
index fca7437..dc1b897 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -1,7 +1,7 @@
 // Chips
 .chip {
   align-items: center;
-  background: @border-color;
+  background: @dark-bg-color;
   border-radius: @border-radius;
   color: @dark-gray-color;
   display: inline-flex;
diff --git a/src/forms.less b/src/forms.less
index fca22d8..e6ba867 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -189,7 +189,7 @@
       border-color: @primary-color;
     }
     &:active + .form-icon {
-      background: @border-color;
+      background: @dark-bg-color;
     }
   }
 }
@@ -301,7 +301,7 @@
     }
     &:active + .form-icon {
       &::after {
-        background: @border-color;
+        background: @dark-bg-color;
       }
     }
   }
diff --git a/src/progress.less b/src/progress.less
index ff0138b..a59f9eb 100644
--- a/src/progress.less
+++ b/src/progress.less
@@ -2,7 +2,7 @@
 // Credit: https://css-tricks.com/html5-progress-element/
 .progress {
   appearance: none;
-  background: @border-color;
+  background: @dark-bg-color;
   border: 0;
   border-radius: @border-radius;
   color: @primary-color;
@@ -27,7 +27,7 @@
 
   &:indeterminate {
     animation: progress-indeterminate 1.5s linear infinite;
-    background: @border-color linear-gradient(to right, @primary-color 30%, @border-color 30%) top left / 150% 150% no-repeat;
+    background: @dark-bg-color linear-gradient(to right, @primary-color 30%, @dark-bg-color 30%) top left / 150% 150% no-repeat;
 
     &::-moz-progress-bar {
       background: transparent;
diff --git a/src/sliders.less b/src/sliders.less
index 19db56b..6344374 100644
--- a/src/sliders.less
+++ b/src/sliders.less
@@ -65,19 +65,19 @@
 
   // Slider Track
   &::-webkit-slider-runnable-track {
-    background: @border-color;
+    background: @dark-bg-color;
     border-radius: @border-radius;
     height: .4rem;
     width: 100%;
   }
   &::-moz-range-track {
-    background: @border-color;
+    background: @dark-bg-color;
     border-radius: @border-radius;
     height: .4rem;
     width: 100%;
   }
   &::-ms-track {
-    background: @border-color;
+    background: @dark-bg-color;
     border-radius: @border-radius;
     height: .4rem;
     width: 100%;