fix: improve code block background color in hints (#839)

thegeeklab · Jun 7, 2024 · 7befded · 7befded
1 parent 5ad7f11
commit 7befded
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/exampleSite/content/en/shortcodes/hints.md b/exampleSite/content/en/shortcodes/hints.md
@@ -28,31 +28,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
@@ -143,6 +143,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;
+      }
     }
   }