diff --git a/scss/_variables.scss b/scss/_variables.scss
index 2d70310a51..05b3d575fb 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -741,15 +741,15 @@ $table-accent-bg:             transparent !default;
 
 $table-th-font-weight:        null !default;
 
-$table-striped-color:         $table-color !default;
+$table-striped-color:         inherit !default;
 $table-striped-bg-factor:     .05 !default;
 $table-striped-bg:            rgba(var(--#{$prefix}emphasis-color-rgb), $table-striped-bg-factor) !default;
 
-$table-active-color:          $table-color !default;
+$table-active-color:          inherit !default;
 $table-active-bg-factor:      .1 !default;
 $table-active-bg:             rgba(var(--#{$prefix}emphasis-color-rgb), $table-active-bg-factor) !default;
 
-$table-hover-color:           $table-color !default;
+$table-hover-color:           inherit !default;
 $table-hover-bg-factor:       .075 !default;
 $table-hover-bg:              rgba(var(--#{$prefix}emphasis-color-rgb), $table-hover-bg-factor) !default;
 
diff --git a/scss/mixins/_table-variants.scss b/scss/mixins/_table-variants.scss
index ba1e2b87f0..2c5791e535 100644
--- a/scss/mixins/_table-variants.scss
+++ b/scss/mixins/_table-variants.scss
@@ -17,6 +17,8 @@
     --#{$prefix}table-hover-bg: #{$hover-bg};
     --#{$prefix}table-hover-color: #{color-contrast($hover-bg)};
 
+    color: var(--#{$prefix}table-color);
+    background-color: var(--#{$prefix}table-bg);
     border-color: var(--#{$prefix}table-border-color);
   }
 }