diff --git a/inst/lib/bs4/scss/mixins/_background-variant.scss b/inst/lib/bs4/scss/mixins/_background-variant.scss
index 8058018..d47f30e 100644
--- a/inst/lib/bs4/scss/mixins/_background-variant.scss
+++ b/inst/lib/bs4/scss/mixins/_background-variant.scss
@@ -5,6 +5,7 @@
 @mixin bg-variant($parent, $color, $ignore-warning: false) {
   #{$parent} {
     background-color: $color !important;
+    color: color-contrast($color);
   }
   a#{$parent},
   button#{$parent} {
@@ -18,6 +19,7 @@
 @mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {
   #{$parent} {
     background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
+    color: color-contrast($color);
   }
   @include deprecate("The `bg-gradient-variant` mixin", "v4.5.0", "v5", $ignore-warning);
 }
diff --git a/inst/lib/bs4/scss/utilities/_background.scss b/inst/lib/bs4/scss/utilities/_background.scss
index 3accbc4..2eefd00 100644
--- a/inst/lib/bs4/scss/utilities/_background.scss
+++ b/inst/lib/bs4/scss/utilities/_background.scss
@@ -12,6 +12,7 @@
 
 .bg-white {
   background-color: $white !important;
+  color: color-contrast($white);
 }
 
 .bg-transparent {