Fixup the CSS

tidyverse · Sep 4, 2024 · 05dd7e3 · 05dd7e3
1 parent 9652f41
commit 05dd7e3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/inst/rmarkdown/templates/reprex_document/resources/github-dark.css b/inst/rmarkdown/templates/reprex_document/resources/github-dark.css
@@ -1,12 +1,16 @@
 /*dark*/
 
-.markdown-body {
+:root {
+  --bg-color: #0d1117;
+}
+
+body {
   color-scheme: dark;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
   color: #e6edf3;
-  background-color: #0d1117;
+  background-color: var(--bg-color);
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
   font-size: 16px;
   line-height: 1.5;

diff --git a/inst/rmarkdown/templates/reprex_document/resources/github-light.css b/inst/rmarkdown/templates/reprex_document/resources/github-light.css
@@ -1,11 +1,15 @@
 /*light*/
 
-.markdown-body {
+:root {
+  --bg-color: #ffffff;
+}
+
+body {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
   color: #1f2328;
-  background-color: #ffffff;
+  background-color: var(--bg-color);
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
   font-size: 16px;
   line-height: 1.5;