From a8fe024d403200d1841e90cf83ba7063c531de0a Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@thegeeklab.de>
Date: Fri, 7 Jun 2024 21:43:31 +0200
Subject: [PATCH] fix: improve code block background color in hints (#541)

---
 exampleSite/content/posts/advanced/shortcodes.md | 10 +++++-----
 src/sass/_shortcodes.scss                        |  6 ++++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/exampleSite/content/posts/advanced/shortcodes.md b/exampleSite/content/posts/advanced/shortcodes.md
index 7b7ff91..75dbbbc 100644
--- a/exampleSite/content/posts/advanced/shortcodes.md
+++ b/exampleSite/content/posts/advanced/shortcodes.md
@@ -208,31 +208,31 @@ Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclima
 
 {{< hint type=note >}}
 **Markdown content**\
-Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture.
+Dolor sit, sumo unique `argument um no`. Gracie nominal id xiv. Romanesque acclimates investiture.
 Ornateness bland it ex enc, est yeti am bongo detract re.
 {{< /hint >}}
 
 {{< hint type=tip >}}
 **Markdown content**\
-Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture.
+Dolor sit, sumo unique `argument um no`. Gracie nominal id xiv. Romanesque acclimates investiture.
 Ornateness bland it ex enc, est yeti am bongo detract re.
 {{< /hint >}}
 
 {{< hint type=important >}}
 **Markdown content**\
-Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture.
+Dolor sit, sumo unique `argument um no`. Gracie nominal id xiv. Romanesque acclimates investiture.
 Ornateness bland it ex enc, est yeti am bongo detract re.
 {{< /hint >}}
 
 {{< hint type=caution >}}
 **Markdown content**\
-Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture.
+Dolor sit, sumo unique `argument um no`. Gracie nominal id xiv. Romanesque acclimates investiture.
 Ornateness bland it ex enc, est yeti am bongo detract re.
 {{< /hint >}}
 
 {{< hint type=warning >}}
 **Markdown content**\
-Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture.
+Dolor sit, sumo unique `argument um no`. Gracie nominal id xiv. Romanesque acclimates investiture.
 Ornateness bland it ex enc, est yeti am bongo detract re.
 
 Romanesque acclimates investiture.
diff --git a/src/sass/_shortcodes.scss b/src/sass/_shortcodes.scss
index b195e89..cb0df37 100644
--- a/src/sass/_shortcodes.scss
+++ b/src/sass/_shortcodes.scss
@@ -190,6 +190,12 @@
       background-color: scale-color($color, $lightness: 95%, $saturation: -30%);
       color: $body-font-color;
       padding: 0;
+
+      code,
+      pre {
+        background-color: scale-color($color, $lightness: 80%, $saturation: -75%);
+        color: $code-font-color;
+      }
     }
   }