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

diff --git a/scss/_tables.scss b/scss/_tables.scss
index 3d8000045b1d4057b9535bae939edaf836d689f2..19106f8bfbc8d49dc0ec0be13a8f19e13d5ed263 100644 (file)
--- 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 9d98b1e709bbfde34acd6755a9bd5fe7e9e5e1a8..0a97cfcda0690013412e2f7d65c43e0b877f8758 100644 (file)
--- 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;