From 0a76707062b366af4c6b5e85afb5fcdef6a8196a Mon Sep 17 00:00:00 2001
From: kabirgh <15871468+kabirgh@users.noreply.github.com>
Date: Tue, 23 Jan 2024 22:52:41 +0000
Subject: [PATCH] feat: Emit custom event when theme changes (#723)
---
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