[Dark-mode] Card shortcode style fixes

Author: chalin

assets/scss/shortcodes/cards-pane.scss

@@ -12,9 +12,13 @@
     }
   }
 
+  .card-header.code {
+    background-color: $card-bg;
+  }
+
   .card-body {
     &.code {
-      background-color: #f8f9fa;
+      background-color: $card-bg;
       padding: 0 0 0 1ex;
     }
 

layouts/shortcodes/card-code.html

@@ -4,7 +4,7 @@
 
 <div class="td-card card border me-4">
   {{ with $.Get "header" -}}
-    <div class="card-header bg-white">
+    <div class="card-header code">
       {{ . | markdownify -}}
     </div>
   {{ end -}}

layouts/shortcodes/card.html

@@ -14,7 +14,7 @@
 
 <div class="td-card card border me-4">
 {{ with $.Get "header" -}}
-    <div class="card-header{{- cond $code " bg-white" "" -}}">
+    <div class="card-header{{- cond $code " code" "" -}}">
       {{ . | markdownify }}
     </div>
 {{ end -}}