fix coloring for vertical tables

Signed-off-by: Shane Miller <[email protected]>
crossplane · Aug 8, 2023 · 34f86cf · 34f86cf
1 parent 3999d33
commit 34f86cf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/themes/geekboot/assets/scss/dark-mode.scss b/themes/geekboot/assets/scss/dark-mode.scss
@@ -86,11 +86,15 @@
     }
     .table {
         border: 1px solid #{$fog-700};
+        --bs-table-hover-bg: #{$fog-1000};
     }
-    .table-striped > tbody > tr:nth-of-type(odd) > * {
+    .table-striped > tbody > tr:nth-of-type(odd) > *, .table-striped-columns > :not(caption) > tr > :nth-child(even) {
         --bs-table-accent-bg: #{$fog-950};
         color: #{$fog-0};
     }
+    .table-striped > tbody > tr:nth-of-type(even) > *, .table-striped-columns > :not(caption) > tr > :nth-child(odd) {
+        --bs-table-hover-bg: #{$fog-1000} !important;
+    }
 
     // Add border to top nav and footer
     .docs-navbar {

diff --git a/themes/geekboot/assets/scss/light-mode.scss b/themes/geekboot/assets/scss/light-mode.scss
@@ -93,11 +93,15 @@
     }
     .table {
         border: 1px solid #{$fog-200};
+        --bs-table-hover-bg: #{$fog-0};
     }
-    .table-striped > tbody > tr:nth-of-type(odd) > * {
+    .table-striped > tbody > tr:nth-of-type(odd) > *, .table-striped-columns > :not(caption) > tr > :nth-child(even) {
         --bs-table-accent-bg: #{$fog-50};
         color: #{$fog-1000};
     }
+    .table-striped > tbody > tr:nth-of-type(even) > *, .table-striped-columns > :not(caption) > tr > :nth-child(odd) {
+        --bs-table-hover-bg: #{$fog-0} !important;
+    }
 
     // Tab Colors
     .nav-tabs{