quartz-community/darkmode
1
0
Fork 0
mirror of https://github.com/quartz-community/darkmode.git synced 2026-07-22 02:50:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add render event listener for in-place DOM re-initialization

Browse source
This commit is contained in:
saberzero1 2026-03-12 19:45:31 +01:00
parent de7dc0dc40
commit 672ad8da98
No known key found for this signature in database
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/scripts/darkmode.inline.ts
View file

@ -9,7 +9,7 @@ const emitThemeChangeEvent = (theme: "light" | "dark") => {
document.dispatchEvent(event);
};
document.addEventListener("nav", () => {
const setupDarkmode = () => {
const switchTheme = () => {
const newTheme =
document.documentElement.getAttribute("saved-theme") === "dark" ? "light" : "dark";
@ -34,4 +34,7 @@ document.addEventListener("nav", () => {
const colorSchemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
colorSchemeMediaQuery.addEventListener("change", themeChange);
window.addCleanup(() => colorSchemeMediaQuery.removeEventListener("change", themeChange));
});
};
document.addEventListener("nav", setupDarkmode);
document.addEventListener("render", setupDarkmode);