Fix dark mode for blog preview

philodavies · philodavies · commit c742ed09cb84 · 2026-01-02T14:46:12.000-08:00
Signed-off-by: Phil Davies &lt;pdavies@crusoe.ai&gt;
diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
@@ -377,14 +377,18 @@ $navbar-dark-active-color:          $link-color-dark;
 }
 
 [data-dark-mode] body .card {
-  background: $body-bg-dark;
+  background: $body-overlay-dark;
   border: 1px solid $border-dark;
 }
 
 [data-dark-mode] body .card.bg-light {
   background: $body-overlay-dark !important;
 }
 
+[data-dark-mode] body .card article {
+  color: $body-color-dark;
+}
+
 [data-dark-mode] body .navbar .menu-icon .navicon {
   background: $navbar-dark-color;
 }

Original file line number	Diff line number	Diff line change
`@@ -377,14 +377,18 @@ $navbar-dark-active-color: $link-color-dark;`
`377`	`377`	`}`
`378`	`378`
`379`	`379`	`[data-dark-mode] body .card {`
`380`		`- background: $body-bg-dark;`
	`380`	`+ background: $body-overlay-dark;`
`381`	`381`	`border: 1px solid $border-dark;`
`382`	`382`	`}`
`383`	`383`
`384`	`384`	`[data-dark-mode] body .card.bg-light {`
`385`	`385`	`background: $body-overlay-dark !important;`
`386`	`386`	`}`
`387`	`387`
	`388`	`+[data-dark-mode] body .card article {`
	`389`	`+ color: $body-color-dark;`
	`390`	`+}`
	`391`	`+`
`388`	`392`	`[data-dark-mode] body .navbar .menu-icon .navicon {`
`389`	`393`	`background: $navbar-dark-color;`
`390`	`394`	`}`