Add utility classes to hide content on a specific color scheme

meduzen · Nov 18, 2023 · 78d12ae · 78d12ae
1 parent bde3b65
commit 78d12ae
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/vitepress/.vitepress/theme/custom.css b/vitepress/.vitepress/theme/custom.css
@@ -52,3 +52,17 @@ kbd {
 .custom-block:target {
   outline: currentColor solid;
 }
+
+/* Make only visible under specific conditions */
+
+@media not (prefers-color-scheme: dark) {
+  .only-when-dark {
+    display: none;
+  }
+}
+
+@media not (prefers-color-scheme: light) {
+  .only-when-light {
+    display: none;
+  }
+}