Rename -bg-inverse to -inverse-bg; add -inverse-color (#21371)

2 files changed, 7 insertions, 5 deletions

diff --git a/scss/_tables.scss b/scss/_tables.scss
index 3d8000045..19106f8bf 100644
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -105,8 +105,8 @@
 
 .thead-inverse {
   th {
-    color: #fff;
-    background-color: $table-bg-inverse;
+    color: $table-inverse-color;
+    background-color: $table-inverse-bg;
   }
 }
 
@@ -118,8 +118,8 @@
 }
 
 .table-inverse {
-  color: $body-bg;
-  background-color: $table-bg-inverse;
+  color: $table-inverse-color;
+  background-color: $table-inverse-bg;
 
   th,
   td,
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 9d98b1e70..0a97cfcda 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -324,7 +324,9 @@ $table-cell-padding:            .75rem !default;
 $table-sm-cell-padding:         .3rem !default;
 
 $table-bg:                      transparent !default;
-$table-bg-inverse:              $gray-dark !default;
+
+$table-inverse-bg:              $gray-dark !default;
+$table-inverse-color:           $body-bg !default;
 
 $table-bg-accent:               rgba(0,0,0,.05) !default;
 $table-bg-hover:                rgba(0,0,0,.075) !default;