@h0rn0chse/dark-mode-toggle/demo/scripts/index.js

dark-mode-toggle

const { ThemeHandler } = globalThis.darkModeToggle;

const button = document.querySelector("#toggle");
const favicon = document.querySelector("#favicon");

favicon.href = `./toggle-${ThemeHandler.getTheme()}.svg`;

button.on("click", (evt) => {
    console.log(`button was clicked: ${evt.theme}`);
});

button.on("animationStart", (evt) => {
    console.log(`animation started: ${evt.theme}`);
});

button.on("animationComplete", (evt) => {
    console.log(`animation completed: ${evt.theme}`);
});

ThemeHandler.on("themeChanged", (evt) => {
    console.log(`Theme changed: ${evt.theme}`);
    favicon.href = `./toggle-${evt.theme}.svg`;
});

ThemeHandler.on("themeLoaded", (evt) => {
    console.log(`Theme loaded: ${evt.theme}`);
});