Adapt dark color scheme for code

Author: Yatekii

src/styles/global.css

@@ -58,7 +58,7 @@ pre.shiki {
 }
 
 .format-code pre code {
-  @apply before:!content-none after:!content-none bg-slate-100 dark:bg-black border-[0px] border-slate-500/50 px-1 py-0.5 rounded-sm w-full max-w-3xl mx-auto;
+  @apply before:!content-none after:!content-none bg-slate-100 dark:bg-slate-900 border-[0px] border-slate-500/50 px-1 py-0.5 rounded-sm w-full max-w-3xl mx-auto;
 }
 
 figure {
@@ -68,19 +68,14 @@ figure {
 @media (prefers-color-scheme: dark) {
   .shiki,
   .shiki span {
-    color: var(--shiki-dark) !important;
-    background-color: var(--shiki-dark-bg) !important;
-    /* Optional, if you also want font styles */
-    font-style: var(--shiki-dark-font-style) !important;
-    font-weight: var(--shiki-dark-font-weight) !important;
-    text-decoration: var(--shiki-dark-text-decoration) !important;
+    @apply dark:!bg-slate-900;
   }
 }
 
 @media (prefers-color-scheme: light) {
   .shiki,
   .shiki span {
-    @apply !bg-slate-100 dark:!bg-slate-700;
+    @apply !bg-slate-100;
   }
 }