css: Change dark theme colors for diff add/remove.

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;