Commit 93a3db6

HPCesia <me@hpcesia.com>
2026-09-09 11:04:59
Adapt typst frames to dark themes
1 parent d5f9f21
Changed files (2)
src
styles
src/styles/article/frame.scss
@@ -0,0 +1,13 @@
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) article img.typst-frame {
+    filter: invert(1) hue-rotate(180deg);
+  }
+}
+
+article img.typst-frame:is([data-theme="dark"] *) {
+  filter: invert(1) hue-rotate(180deg);
+}
+
+.kp-no-invert img.typst-frame {
+  filter: none;
+}
src/styles/article/index.scss
@@ -1,6 +1,7 @@
 @use "./anchor.scss";
 @use "./blockquote.scss";
 @use "./figure.scss";
+@use "./frame.scss";
 @use "./math.scss";
 @use "./misc.scss";
 @use "./raw.scss";