From e8935a4777bc6ec614fcf4bf8fceedfe30dc0a12 Mon Sep 17 00:00:00 2001 From: Ricardo Wurmus Date: Wed, 21 Dec 2022 00:10:32 +0100 Subject: css: Change dark theme colors for diff add/remove. --- assets/mumi.scss | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/assets/mumi.scss b/assets/mumi.scss index 474fd88..ac0b715 100644 --- a/assets/mumi.scss +++ b/assets/mumi.scss @@ -27,6 +27,11 @@ $commit_header: #005cc5; --th-background-color: #{mix($grey-50, $white, 50%)}; --snippet-background-color: #{mix($grey-50, $white, 50%)}; --status-tag-color: #{$white}; + + --diff-addition-color: #22863a; + --diff-addition-background-color: #f0fff4; + --diff-deletion-color: #b31d28; + --diff-deletion-background-color: #ffeef0; } // Dark theme @@ -38,6 +43,11 @@ $commit_header: #005cc5; --th-background-color: var(--code-background-color); --snippet-background-color: var(--code-background-color); --status-tag-color: #{$black}; + + --diff-addition-color: #b4ddb4; + --diff-addition-background-color: #203d20; + --diff-deletion-color: #eebdba; + --diff-deletion-background-color: #5e2526; } @media only screen and (prefers-color-scheme: dark) { @@ -573,12 +583,12 @@ div.line pre { color: #005cc5; } .message .diff div.line.diff.addition { - color: #22863a; - background-color: #f0fff4; + color: var(--diff-addition-color); + background-color: var(--diff-addition-background-color); } .message .diff div.line.diff.deletion { - color: #b31d28; - background-color: #ffeef0; + color: var(--diff-deletion-color); + background-color: var(--diff-deletion-background-color); } .message .diff div.line.diff.range { color: #6f42c1; -- cgit v1.2.3