feat(shiny-preset): stripes on even, fix hover/selected

Uses more BS sass vars and cleans up CSS variables

Author: gadenbuie

inst/builtin/bs5/shiny/_variables.scss

@@ -89,3 +89,5 @@ $border-radius: 3px !default;
 // Tables
 $table-striped-bg: tint-color($blue, 94%) !default;
 $bslib-dt-row-active-bg: $blue !default;
+$table-hover-bg: tint-color($blue, 90%) !default;
+$table-striped-order: even;

inst/builtin/bs5/shiny/tables/_rules.scss

@@ -1,8 +1,5 @@
 :root {
   --bslib-dt-row-selected: #{red($blue), green($blue), blue($blue)};
-  --bslib-table-striped-bg: #{$table-striped-bg};
-  --bslib-dt-row-striped-bg: #{$table-striped-bg};
-  --bslib-dt-row-active-bg: #{$bslib-dt-row-active-bg};
 }
 
 .dataTable {
@@ -12,21 +9,32 @@
 }
 
 .table.dataTable.dataTable {
-  &.table-striped > tbody > tr.odd:not(.active):not(.selected) > * {
-    box-shadow: inset 0 0 0 9999px var(--bslib-dt-row-striped-bg);
+  &.table-striped > tbody > tr.odd:not(.selected) > * {
+    box-shadow: none;
+  }
+
+  &.table-striped > tbody > tr.even:not(.selected) > * {
+    box-shadow: inset 0 0 0 9999px var(--bs-table-striped-bg);
   }
 
   tbody td.active,
   tbody tr.active td {
-    background-color: var(--bslib-dt-row-active-bg);
+    background-color: var(--bs-table-active-bg);
   }
 
+  &.table-hover > tbody > tr:hover:not(.selected) > * {
+    box-shadow: inset 0 0 0 9999px var(--bs-table-hover-bg);
+  }
 }
 
 thead, tbody, tfoot, tr, td, th {
   border: none;
 }
 
+.table > thead {
+  border-bottom: 1px solid var(--bs-table-color);
+}
+
 th {
   font-weight: 600;
 }