diff --git a/src/resources/formats/html/_quarto-rules.scss b/src/resources/formats/html/_quarto-rules.scss
index 768a452388..0c86d213e8 100644
--- a/src/resources/formats/html/_quarto-rules.scss
+++ b/src/resources/formats/html/_quarto-rules.scss
@@ -588,12 +588,6 @@ div.ansi-escaped-output {
   --quarto-border-color: #{$table-border-color};
   --quarto-border-width: #{$border-width};
   --quarto-border-radius: #{$border-radius};
-  @if $code-block-bg {
-    --quarto-code-block-bg-color: #{$code-block-bg-color};
-  }
-  @if variable-exists(code-block-color) {
-    --quarto-code-block-color: #{$code-block-color};
-  }
 }
 
 /* rules to support GT table styling */
diff --git a/src/resources/formats/html/bootstrap/_bootstrap-rules.scss b/src/resources/formats/html/bootstrap/_bootstrap-rules.scss
index 3ad13e3696..8266ed6998 100644
--- a/src/resources/formats/html/bootstrap/_bootstrap-rules.scss
+++ b/src/resources/formats/html/bootstrap/_bootstrap-rules.scss
@@ -762,6 +762,10 @@ $code-block-bg-color: quarto-color.adjust(
 ) !default;
 @if type_of($code-block-bg) == color {
   $code-block-bg-color: $code-block-bg;
+  // export as CSS variable
+  :root {
+    --quarto-code-block-bg-color: #{$code-block-bg-color};
+  }
 }
 
 // stack layout panels on mobile devices
@@ -851,6 +855,10 @@ div.sourceCode {
   div.sourceCode pre.sourceCode {
     color: $code-block-color;
   }
+  // export this one as a CSS variable
+  :root {
+    --quarto-code-block-color: #{$code-block-color};
+  }
 }
 
 pre.sourceCode {