Merge pull request #6024 from alexvoss/codehighlight

fix: unwanted divergence public vs. insider #6017
squidfunk · Sep 18, 2023 · 457a7fd · 457a7fd
2 parents 9aa2e88 + 38da3fb
commit 457a7fd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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