diff --git a/themes/zenn/sass/_components.scss b/themes/zenn/sass/_components.scss
index aca6d79..6077449 100644
--- a/themes/zenn/sass/_components.scss
+++ b/themes/zenn/sass/_components.scss
@@ -59,11 +59,16 @@ content {
         overflow: auto;
         font-family: $font-mono;
         box-sizing: border-box;
-        background-color: $color-main-bg-alt;
+        background-color: $color-code-bg !important;
         border-radius: 4px;
         transition: background-color 0.2s ease,
             box-shadow 0.2s ease,
             border 0.2s ease;
+
+        // Hack to keep code blocks dark, also in light mode
+        code {
+            background-color: $color-code-bg !important;
+        }
     }
 
     img, video {
@@ -76,7 +81,7 @@ content {
         padding: 0 0.25em;
         display: inline-block;
         font-family: $font-mono;
-        // background-color: $color-main-bg-alt;
+        background-color: $color-main-bg-alt;
         border-radius: 4px;
         transition: background-color 0.2s ease,
             color 0.2s ease;
diff --git a/themes/zenn/sass/_config_dark.scss b/themes/zenn/sass/_config_dark.scss
index a959aad..e9c0e1e 100644
--- a/themes/zenn/sass/_config_dark.scss
+++ b/themes/zenn/sass/_config_dark.scss
@@ -12,6 +12,7 @@ $color-main-shadow: rgba($color-main-border, 0.4);
 $color-header: #fb4625;
 $color-link: #02c39a;
 $color-link-hover: lighten($color-link, 15%);
+$color-code-bg: $color-main-bg-alt;
 
 // Top logo and landing page
 $logo-color: $color-text;
diff --git a/themes/zenn/sass/_config_light.scss b/themes/zenn/sass/_config_light.scss
index 5b1dff7..57585a3 100644
--- a/themes/zenn/sass/_config_light.scss
+++ b/themes/zenn/sass/_config_light.scss
@@ -12,6 +12,7 @@ $color-main-shadow: rgba(darken(#20201d, 8%), 0.1);
 $color-header: #1d4761;
 $color-link: #77660b;
 $color-link-hover: darken($color-link, 10%);
+$color-code-bg: #1b1b18;
 
 // Top logo and landing page
 $logo-color: $color-header;