From e7e90429867d41825bfdfe6668f582393bfaeff6 Mon Sep 17 00:00:00 2001 From: Ricardo Wurmus Date: Tue, 20 Dec 2022 22:34:31 +0100 Subject: css: Adjust table colors. --- assets/mumi.scss | 14 +++++++++++--- 1 file 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; -- cgit v1.2.3