Bug fix: Make <pre> text readable in dark mode

Downstream PR: perlang-org/perlang#179
perlun · Apr 9, 2021 · 719cfb1 · 719cfb1
1 parent 2e325ad
commit 719cfb1
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/darkerfx/styles/main.scss b/darkerfx/styles/main.scss
@@ -41,6 +41,7 @@ body.theme-dark {
     --theme-inline-code: inherit;
     --theme-inline-code-background: #454545;
     --theme-code-border: #404040;
+    --theme-code-color: inherit;
     --theme-border-subnav: #404040;
     --theme-border-footer: #404040;
 }
@@ -69,6 +70,7 @@ body.theme-light {
     --theme-inline-code: #c7254e;
     --theme-inline-code-background: #f9f2f4;
     --theme-code-border: #e7e7e7;
+    --theme-code-color: #333;
     --theme-border-footer: #e7e7e7;
 }
 
@@ -428,6 +430,10 @@ pre {
     background-color: inherit;
 }
 
+legend, pre {
+    color: var(--theme-code-color);
+}
+
 /*
  * highlight.js custom theme (dark version)
  *