css: Adjust table colors.

1 files changed, 11 insertions, 3 deletions

diff --git a/assets/mumi.scss b/assets/mumi.scss
index 199b95e..3c2c7f3 100644
--- a/assets/mumi.scss
+++ b/assets/mumi.scss
@@ -22,7 +22,8 @@ $commit_header: #005cc5;
   --nav-background-color: #{rgba(mix($grey-50, $white, 33%), 0.9)};
   --nav-border-color: #{rgba($grey-500, 0.2)};
   --nav-logo-color: #333;
-  --article-code-background-color: #{mix($grey-50, $white, 33%)};
+  --tr-hover-color: #{mix($grey-50, $white, 33%)};
+  --th-background-color: #{mix($grey-50, $white, 50%)};
 }
 
 // Dark theme
@@ -30,7 +31,8 @@ $commit_header: #005cc5;
   --nav-background-color: #{rgba(darken($grey-900, 6%), 0.9)};
   --nav-border-color: #{rgba($grey-500, 0.2)};
   --nav-logo-color: #{rgba(darken($grey-200, 6%), 0.8)};
-  --article-code-background-color: var(--code-background-color);
+  --tr-hover-color: var(--code-background-color);
+  --th-background-color: var(--code-background-color);
 }
 
 @media only screen and (prefers-color-scheme: dark) {
@@ -172,7 +174,7 @@ p + p {
 }
 
 tr.heading th {
-    background-color: #f8f9fa;
+    background-color: var(--th-background-color);
     font-weight: bold;
 }
 
@@ -296,6 +298,12 @@ table {
     color: var(--secondary-inverse);
     background-color: var(--secondary);
 }
+table .badge {
+    font-size: smaller;
+}
+table tr:hover {
+    background-color: var(--tr-hover-color);
+}
 
 .info .stat {
     display: inline-grid;