diff options
| -rw-r--r-- | assets/mumi.scss | 18 |
1 files 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; |