table styles

scss/_sortable-table/sortable-table.scss

@@ -0,0 +1,11 @@
+.table.table-sortable {
+  thead > tr > th.sort {
+    cursor: pointer;
+
+    &:hover {
+      color: $dark;
+      background-color: rgba($primary, $table-striped-bg-factor);
+      // border-color: $light;
+    }
+  }
+}

scss/_variables.scss

@@ -530,7 +530,7 @@ $table-th-font-weight: null !default;
 
 $table-striped-color: $table-color !default;
 $table-striped-bg-factor: 0.05 !default;
-$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;
+$table-striped-bg: rgba($primary, $table-striped-bg-factor) !default;
 
 $table-active-color: $table-color !default;
 $table-active-bg-factor: 0.1 !default;

scss/bootstrap.scss

@@ -51,5 +51,8 @@
 @import 'utilities/api';
 // scss-docs-end import-stack
 
+// ===== HostBBQ Custom =====
+@import '_sortable-table/sortable-table.scss';
+
 // 3rd Party
 @import '_ngx-toastr/toastr.scss';