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 {