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

2 files changed, 17 insertions, 0 deletions

diff --git a/scss/_tables.scss b/scss/_tables.scss
index cf0ca171a..f041f6094 100644
--- 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 54bf91c1e..69eb4017b 100644
--- 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;