diff --git a/src/assets/stylesheets/main/_colors.scss b/src/assets/stylesheets/main/_colors.scss
index d66f3e4b1..7cd329ec2 100644
--- a/src/assets/stylesheets/main/_colors.scss
+++ b/src/assets/stylesheets/main/_colors.scss
@@ -80,7 +80,8 @@
   --md-code-bg-color:                  hsla(0, 0%, 96%, 1);
 
   // Code highlighting color shades
-  --md-code-hl-color:                  hsla(#{hex2hsl($clr-yellow-a200)}, 0.5);
+  --md-code-hl-color:                  hsla(#{hex2hsl($clr-blue-a200)}, 1);
+  --md-code-hl-color--light:           hsla(#{hex2hsl($clr-blue-a200)}, 0.1);
   --md-code-hl-number-color:           hsla(0, 67%, 50%, 1);
   --md-code-hl-special-color:          hsla(340, 83%, 47%, 1);
   --md-code-hl-function-color:         hsla(291, 45%, 50%, 1);
diff --git a/src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss b/src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss
index 88ae56d02..7d2976776 100644
--- a/src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss
+++ b/src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss
@@ -161,7 +161,8 @@
     display: block;
     padding: 0 px2em(16px, 13.6px);
     margin: 0 px2em(-16px, 13.6px);
-    background-color: var(--md-code-hl-color);
+    background-color: var(--md-code-hl-color--light);
+    box-shadow: 2px 0 0 0 var(--md-code-hl-color) inset;
   }
 
   // Code block title