From efed544df14c54ee8a0f81079e326a8bf2255fe3 Mon Sep 17 00:00:00 2001
From: Ellie Huxtable <ellie@elliehuxtable.com>
Date: Tue, 06 Aug 2024 01:43:57 +0000
Subject: [PATCH] docs: Add "Ellie's Notes" to the showcase (#1315)
---
docs/features/darkmode.md | 9 +++++++++
1 files changed, 9 insertions(+), 0 deletions(-)
diff --git a/docs/features/darkmode.md b/docs/features/darkmode.md
index dfa2314..dff75b4 100644
--- a/docs/features/darkmode.md
+++ b/docs/features/darkmode.md
@@ -12,3 +12,12 @@
- Component: `quartz/components/Darkmode.tsx`
- Style: `quartz/components/styles/darkmode.scss`
- Script: `quartz/components/scripts/darkmode.inline.ts`
+
+You can also listen to the `themechange` event to perform any custom logic when the theme changes.
+
+```js
+document.addEventListener("themechange", (e) => {
+ console.log("Theme changed to " + e.detail.theme) // either "light" or "dark"
+ // your logic here
+})
+```
--
Gitblit v1.10.0