2024-04-29 08:50:51

pkgstore · Apr 29, 2024 · cf7e132 · cf7e132
1 parent 42d6672
commit cf7e132
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/assets/css/system/modules/_syntax.chroma.scss b/assets/css/system/modules/_syntax.chroma.scss
@@ -28,6 +28,7 @@
 
             pre {
               border-radius: 0;
+              background-color: unset;
 
               > code {
                 padding-right: 0;
@@ -41,6 +42,7 @@
 
             pre {
               border-radius: 0;
+              background-color: unset;
 
               > code {
                 padding-left: 0;

diff --git a/assets/css/system/modules/_syntax.chroma.theme.scss b/assets/css/system/modules/_syntax.chroma.theme.scss
@@ -4,7 +4,7 @@
 
 /* PreWrapper */
 .chroma {
-  background-color: #282c34;
+  //background-color: #282c34;
   color: #abb2bf;
 }
 

diff --git a/layouts/_default/_markup/render-codeblock.html b/layouts/_default/_markup/render-codeblock.html
@@ -19,8 +19,9 @@
 
 {{ if (or ($attr.title) ($attr.file)) }}
 
-  <div class="shortcode mb-3 shortcode-codeblock shortcode-codeblock-{{ ($ordinal) }} shortcode-codeblock-{{ ($type) }}">
-    <div class="card overflow-hidden">
+  <div class="shortcode mb-3 shortcode-codeblock
+  shortcode-codeblock-{{ ($ordinal) }} shortcode-codeblock-{{ ($type) }}">
+    <div class="card overflow-hidden" data-bs-theme="dark">
       <div class="card-header">
         <div class="d-flex align-items-center">
           <div class="flex-shrink-0">
@@ -43,7 +44,7 @@
           </div>
         </div>
       </div>
-      <div class="card-body" id="cp-{{ ($cp) }}">{{ (highlight ($inner) ($type)) }}</div>
+      <div class="card-body p-0" id="cp-{{ ($cp) }}">{{ (highlight ($inner) ($type)) }}</div>
     </div>
   </div>
 
@@ -52,8 +53,8 @@
   <div class="shortcode mb-3 shortcode-codeblock shortcode-codeblock-{{ ($ordinal) }}
 {{ with ($type) }}shortcode-codeblock-{{ . }}{{ end }}">
     <div class="d-flex overflow-hidden">
-      <div class="flex-grow-1 rounded overflow-hidden"
-           id="cp-{{ ($cp) }}">{{ (highlight ($inner) ($type) ($attr)) }}</div>
+      <div class="flex-grow-1 rounded overflow-hidden bg-body-tertiary"
+           id="cp-{{ ($cp) }}" data-bs-theme="dark">{{ (highlight ($inner) ($type) ($attr)) }}</div>
       <div class="flex-shrink-0">
         <ul class="list-inline mb-0">
           <li class="list-inline-item" data-bs-tooltip data-bs-title='{{ (i18n "copy") }}'>