Fix Bar background color issue by adding !important to color utilities #499

1 files changed, 2 insertions, 2 deletions

diff --git a/src/mixins/_color.scss b/src/mixins/_color.scss
index 3ac9041..697d0c3 100644
--- a/src/mixins/_color.scss
+++ b/src/mixins/_color.scss
@@ -1,7 +1,7 @@
 // Background color utility mixin
 @mixin bg-color-variant($name: ".bg-primary", $color: $primary-color) {
   #{$name} {
-    background: $color;
+    background: $color !important;
 
     @if (lightness($color) < 60) {
       color: $light-color;
@@ -12,7 +12,7 @@
 // Text color utility mixin
 @mixin text-color-variant($name: ".text-primary", $color: $primary-color) {
   #{$name} {
-    color: $color;
+    color: $color !important;
   }
 
   a#{$name} {