Fix colors for code blocks (#7026)

carlagn · web-flow · commit 01ffd0b5c0d2 · 2025-07-21T12:51:13.000+01:00
diff --git a/src/theme/styles.module.scss b/src/theme/styles.module.scss
@@ -28,7 +28,7 @@
     }
     pre {
       background-color: var(--code-with-result) !important;
-      color: var(--code-inline-bgd-color) !important;
+      color: white !important;
       border-radius: 0px 0px 8px 8px;
     }
   }
@@ -58,3 +58,7 @@
   align-items: center;
   gap: 3px;
 }
+p > code, h1 > code, h2 > code, h3 > code, p > a > code, ul > li > a > code {
+  color: var(--secondary-font-color);
+  background-color: var(--code-inline-bgd-color);
+}

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@`
`28`	`28`	`}`
`29`	`29`	`pre {`
`30`	`30`	`background-color: var(--code-with-result) !important;`
`31`		`- color: var(--code-inline-bgd-color) !important;`
	`31`	`+ color: white !important;`
`32`	`32`	`border-radius: 0px 0px 8px 8px;`
`33`	`33`	`}`
`34`	`34`	`}`
`@@ -58,3 +58,7 @@`
`58`	`58`	`align-items: center;`
`59`	`59`	`gap: 3px;`
`60`	`60`	`}`
	`61`	`+p > code, h1 > code, h2 > code, h3 > code, p > a > code, ul > li > a > code {`
	`62`	`+ color: var(--secondary-font-color);`
	`63`	`+ background-color: var(--code-inline-bgd-color);`
	`64`	`+}`