26 lines
600 B
JavaScript
26 lines
600 B
JavaScript
import Darkmode from "darkmode-js";
|
|
|
|
const DARKMODE_OPTIONS = {
|
|
left: "32px",
|
|
right: "unset",
|
|
time: "0.7s",
|
|
saveInCookies: false,
|
|
label: "🌓",
|
|
};
|
|
|
|
window.addEventListener("load", () => {
|
|
const darkmode = new Darkmode(DARKMODE_OPTIONS);
|
|
darkmode.showWidget();
|
|
window.darkmodejs = darkmode;
|
|
});
|
|
|
|
// Also listen to native theme changes
|
|
window
|
|
.matchMedia("(prefers-color-scheme: dark)")
|
|
.addEventListener("change", (e) => {
|
|
if (e.matches !== window.darkmodejs.isActivated()) {
|
|
// HACK: .toggle doesn't work quite right
|
|
window.darkmodejs.button.click();
|
|
}
|
|
});
|