From 4c9e8601504f76dcc3c273ea8ad1862df432b7b4 Mon Sep 17 00:00:00 2001
From: Andrew <80933354+ndrooo@users.noreply.github.com>
Date: Sat, 24 Aug 2024 20:33:30 +0000
Subject: [PATCH] a11y(darkmode): use a button for the theme toggle (#1335)
---
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