diff --git a/themes/chameleon/source/css/_source.css b/themes/chameleon/source/css/_source.css
index 0f63777..0ee9607 100644
--- a/themes/chameleon/source/css/_source.css
+++ b/themes/chameleon/source/css/_source.css
@@ -7,6 +7,8 @@
   --main-font-color: #e6e6e6;
   --alt-bg-color: #333;
   --link-underline: #3f72af;
+  --code-add-bg-color: #144212;
+  --code-del-bg-color: #600;
 }
 
 html {
@@ -623,12 +625,12 @@ td {
 }
 
 .hljs-addition {
-  background-color: #144212;
+  background-color: var(--code-add-bg-color);
   display: inline-block;
 }
 
 .hljs-deletion {
-  background-color: #600;
+  background-color: var(--code-del-bg-color);
   display: inline-block;
 }
 
@@ -834,6 +836,8 @@ unhide (via JS) if Web Share API is supported */
     --main-bg-color: black;
     --main-font-color: #e6e6e6;
     --alt-bg-color: #333;
+    --code-add-bg-color: #144212;
+    --code-del-bg-color: #600;
   }
 }
 
@@ -842,6 +846,8 @@ unhide (via JS) if Web Share API is supported */
     --main-bg-color: #f1f1f1;
     --main-font-color: #333;
     --alt-bg-color: #d8d8d8;
+    --code-add-bg-color: #e6ffec;
+    --code-del-bg-color: #ffebe9;
   }
 
   /*
@@ -879,12 +885,10 @@ unhide (via JS) if Web Share API is supported */
   .hljs-literal,
   .hljs-template-tag,
   .hljs-template-variable,
-  .hljs-type,
-  .hljs-addition {
+  .hljs-type {
     color: #a31515;
   }
 
-  .hljs-deletion,
   .hljs-selector-attr,
   .hljs-selector-pseudo,
   .hljs-meta {
diff --git a/themes/chameleon/source/css/chameleon.css b/themes/chameleon/source/css/chameleon.css
index 0cbc308..a71345f 100644
--- a/themes/chameleon/source/css/chameleon.css
+++ b/themes/chameleon/source/css/chameleon.css
@@ -323,6 +323,8 @@
   --main-font-color: #e6e6e6;
   --alt-bg-color: #333;
   --link-underline: #3f72af;
+  --code-add-bg-color: #144212;
+  --code-del-bg-color: #600;
 }
 
 html {
@@ -943,12 +945,12 @@ td {
 }
 
 .hljs-addition {
-  background-color: #144212;
+  background-color: var(--code-add-bg-color);
   display: inline-block;
 }
 
 .hljs-deletion {
-  background-color: #600;
+  background-color: var(--code-del-bg-color);
   display: inline-block;
 }
 
@@ -1157,6 +1159,8 @@ unhide (via JS) if Web Share API is supported */
     --main-bg-color: black;
     --main-font-color: #e6e6e6;
     --alt-bg-color: #333;
+    --code-add-bg-color: #144212;
+    --code-del-bg-color: #600;
   }
 }
 
@@ -1165,6 +1169,8 @@ unhide (via JS) if Web Share API is supported */
     --main-bg-color: #f1f1f1;
     --main-font-color: #333;
     --alt-bg-color: #d8d8d8;
+    --code-add-bg-color: #e6ffec;
+    --code-del-bg-color: #ffebe9;
   }
 
   /*
@@ -1202,12 +1208,10 @@ unhide (via JS) if Web Share API is supported */
   .hljs-literal,
   .hljs-template-tag,
   .hljs-template-variable,
-  .hljs-type,
-  .hljs-addition {
+  .hljs-type {
     color: #a31515;
   }
 
-  .hljs-deletion,
   .hljs-selector-attr,
   .hljs-selector-pseudo,
   .hljs-meta {