fixes rest of #21585; adds custom styles for inverse table accent hover and active...

diff --git a/scss/_tables.scss b/scss/_tables.scss
index cf0ca171ae38a08efc96de3e53dc8e18c475265c..f041f6094f730abf377a500d86311c687dc044f4 100644 (file)
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -131,6 +131,20 @@
   &.table-bordered {
     border: 0;
   }
+
+  &.table-striped {
+    tbody tr:nth-of-type(odd) {
+      background-color: $table-inverse-bg-accent;
+    }
+  }
+
+  &.table-hover {
+    tbody tr {
+      @include hover {
+        background-color: $table-inverse-bg-hover;
+      }
+    }
+  }
 }
 
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 54bf91c1e694f9f41e9c04a5b9621af7bd78eb6f..69eb4017b174d4a3c9077a92f6f8270766e5f89e 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -327,6 +327,9 @@ $table-head-bg:                 $gray-lighter !default;
 $table-head-color:              $gray !default;
 
 $table-inverse-bg:              $gray-dark !default;
+$table-inverse-bg-accent:       rgba($white, .05) !default;
+$table-inverse-bg-hover:        rgba($white, .075) !default;
+$table-inverse-bg-active:       $table-inverse-bg-hover !default;
 $table-inverse-border:          lighten($gray-dark, 7.5%) !default;
 $table-inverse-color:           $body-bg !default;