styles: Custom background for code blocks

Signed-off-by: Leonardo Ledda <[email protected]>
LeddaZ · Dec 2, 2024 · e3042fc · e3042fc
1 parent 28109d0
commit e3042fc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
@@ -8,3 +8,11 @@
 strong {
   color: var(--dark);
 }
+
+code[data-theme*=" "] {
+  background-color: #dfe6f5;
+}
+
+[saved-theme="dark"] code[data-theme*=" "] {
+  background-color: #161621;
+}
diff --git a/quartz/styles/syntax.scss b/quartz/styles/syntax.scss
@@ -1,6 +1,6 @@
 code[data-theme*=" "] {
   color: var(--shiki-light);
-  background-color: var(--shiki-light-bg);
+  background-color: yellow;
 }
 
 code[data-theme*=" "] span {
@@ -9,7 +9,7 @@ code[data-theme*=" "] span {
 
 [saved-theme="dark"] code[data-theme*=" "] {
   color: var(--shiki-dark);
-  background-color: var(--shiki-dark-bg);
+  background-color: red;
 }
 
 [saved-theme="dark"] code[data-theme*=" "] span {