diff --git a/src/components/App.css b/src/components/App.css
index 7d6fa5e..567e391 100644
--- a/src/components/App.css
+++ b/src/components/App.css
@@ -8,6 +8,7 @@
   --button-color: #48F;
   --link-color: #36C;
   --code-area-bg-color: #CCC;
+  --pre-area-bg-color: #FFF;
   --un-run-bg-color: #8AF;
   --aborted-bg-color: #DDD;
   --error-fg-color: darkred;
@@ -427,8 +428,7 @@ a {
 .dialog pre {
   width: 100%;
   overflow: auto;
-  background: #222;
-  color: #eee;
+  background: var(--pre-area-bg-color);
   padding: 1em;
 }
 .section {
@@ -817,6 +817,7 @@ hr {
     --link-color: #6CF;
     --table-head-bg-color: #555;
     --code-area-bg-color: #555;
+    --pre-area-bg-color: #222;
     --un-run-bg-color: blue;
     --aborted-bg-color: #000;
     --error-fg-color: red;