CSS: override bootstrap default hover color on table rows

pascalchevrel · Nov 7, 2024 · 0d7fe9d · 0d7fe9d
1 parent ca4dbc1
commit 0d7fe9d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/public/style/base.css b/public/style/base.css
@@ -46,6 +46,7 @@
 
 :root {
   --bg-purple: #20123a;
+  --bg-table-hover: #f2e9ff;
 }
 
 html {
@@ -126,7 +127,7 @@ body[id^='release_'] caption {
 .table-fxt-clean,
 .table-fxt-clean th,
 .table-fxt-clean td  {
-    border-color: #320f640d;
+    border-color: #f2e9ff;
 }
 
 .table-fxt-clean {
@@ -402,4 +403,9 @@ nav svg:hover {
 
 #homepage .card-text a {
     color: var(--bs-info);
+}
+
+/* Override default bootstrap hover to match our theme */
+.table-hover > tbody > tr:hover > * {
+  --bs-table-bg-state: var(--bg-table-hover);
 }