diff --git a/assets/sass/book2.scss b/assets/sass/book2.scss
index ac41e374f8..11939f7f9b 100644
--- a/assets/sass/book2.scss
+++ b/assets/sass/book2.scss
@@ -1,4 +1,8 @@
 .edition2 {
+  /* Book code colors (light mode defaults) */
+  --book-code-color: #333;
+  --book-code-bg: #eee;
+  --book-code-border: #f5f5f5;
   * {
     box-sizing: border-box;
   }
@@ -474,11 +478,11 @@
   }
 
   pre {
-    background: #eee;
+    background: var(--book-code-bg);
 
     code {
       display: inline;
-      background: #eee;
+      background: var(--book-code-bg);
       border: 0;
     }
   }
@@ -488,14 +492,14 @@
     overflow-x: auto;
     font-size: 0.9em;
     line-height: 120%;
-    color: #333;
+    color: var(--book-code-color);
   }
 
   code { /* inline code */
     padding: 0;
-    color: #333;
-    background: #eee;
-    border: 1px solid #f5f5f5;
+    color: var(--book-code-color);
+    background: var(--book-code-bg);
+    border: 1px solid var(--book-code-border);
   }
 
   table pre { /* code blocks within tables */
diff --git a/assets/sass/dark-mode.scss b/assets/sass/dark-mode.scss
index ff9d4eb6d7..b4de0007fc 100644
--- a/assets/sass/dark-mode.scss
+++ b/assets/sass/dark-mode.scss
@@ -82,6 +82,11 @@
                 filter: brightness(.4) contrast(1.6);
                 z-index: -1;
             }
+            
+            /* Book pages: code colors */
+            --book-code-color: #{$fixed-width-font-color};
+            --book-code-bg: #{$no-changes-bg-color};
+            --book-code-border: #{$pre-border};
 
             img {
                 filter: brightness(.6) contrast(1.2);