diff --git a/components/dist/asciidoc.css b/components/dist/asciidoc.css
index c403e9ff..a429f50e 100644
--- a/components/dist/asciidoc.css
+++ b/components/dist/asciidoc.css
@@ -733,7 +733,12 @@
       margin-bottom: 2cm;
     }
 
-    :root {
+    :root,
+    .yellow-theme,
+    .purple-theme,
+    .green-theme,
+    .blue-theme,
+    .red-theme {
       --surface-default: white;
       --surface-default-p3: var(--surface-default);
       --content-default: black;
diff --git a/components/src/assets/asciidoc.css b/components/src/assets/asciidoc.css
index c403e9ff..a429f50e 100644
--- a/components/src/assets/asciidoc.css
+++ b/components/src/assets/asciidoc.css
@@ -733,7 +733,12 @@
       margin-bottom: 2cm;
     }
 
-    :root {
+    :root,
+    .yellow-theme,
+    .purple-theme,
+    .green-theme,
+    .blue-theme,
+    .red-theme {
       --surface-default: white;
       --surface-default-p3: var(--surface-default);
       --content-default: black;