feat: create syntax-highlighting styles for fark mode

mateusfg7 · Dec 12, 2022 · e51568f · e51568f
1 parent b952006
commit e51568f
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/src/styles/syntax-highlighting.css b/src/styles/syntax-highlighting.css
@@ -0,0 +1,23 @@
+pre[data-theme='dark'] {
+  color-scheme: dark;
+}
+
+html.light {
+  pre[data-theme='dark'] {
+    display: none;
+  }
+
+  div[data-rehype-pretty-code-title=''][data-theme='dark'] {
+    display: none;
+  }
+}
+
+html.dark {
+  pre[data-theme='light'] {
+    display: none;
+  }
+
+  div[data-rehype-pretty-code-title=''][data-theme='light'] {
+    display: none;
+  }
+}