Add table-hover-color variables

Fixes #26465

2 files changed, 6 insertions, 1 deletions

diff --git a/scss/_tables.scss b/scss/_tables.scss
index a1150420f1..bb9491b0b6 100644
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -88,6 +88,7 @@
 .table-hover {
   tbody tr {
     @include hover {
+      color: $table-hover-color;
       background-color: $table-hover-bg;
     }
   }
@@ -152,6 +153,7 @@
   &.table-hover {
     tbody tr {
       @include hover {
+        color: $table-dark-hover-color;
         background-color: $table-dark-hover-bg;
       }
     }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 339c0d872b..0d4c19efd6 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -352,8 +352,10 @@ $hr-margin-y:                 $spacer !default;
 $table-cell-padding:          .75rem !default;
 $table-cell-padding-sm:       .3rem !default;
 
+$table-color:                 $body-color !default;
 $table-bg:                    transparent !default;
 $table-accent-bg:             rgba($black, .05) !default;
+$table-hover-color:           $table-color !default;
 $table-hover-bg:              rgba($black, .075) !default;
 $table-active-bg:             $table-hover-bg !default;
 
@@ -363,11 +365,12 @@ $table-border-color:          $gray-300 !default;
 $table-head-bg:               $gray-200 !default;
 $table-head-color:            $gray-700 !default;
 
+$table-dark-color:            $white !default;
 $table-dark-bg:               $gray-900 !default;
 $table-dark-accent-bg:        rgba($white, .05) !default;
+$table-dark-hover-color:      $table-dark-color !default;
 $table-dark-hover-bg:         rgba($white, .075) !default;
 $table-dark-border-color:     lighten($gray-900, 7.5%) !default;
-$table-dark-color:            $white !default;
 
 $table-striped-order:         odd !default;