feat: support non-singleton darkmode

Jacky Zhao

2025-03-10 dcaf806190efe1dde3d8392292555b76ace07bdb

 quartz/components/Darkmode.tsx

@@ -1,6 +1,4 @@
// @ts-ignore: this is safe, we don't want to actually make darkmode.inline.ts a module as
// modules are automatically deferred and we don't want that to happen for critical beforeDOMLoads
// see: https://v8.dev/features/modules#defer
// @ts-ignore
import darkmodeScript from "./scripts/darkmode.inline"
import styles from "./styles/darkmode.scss"
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
@@ -9,12 +7,12 @@

const Darkmode: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
  return (
    <button class={classNames(displayClass, "darkmode")} id="darkmode">
    <button class={classNames(displayClass, "darkmode")}>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        version="1.1"
        id="dayIcon"
        class="dayIcon"
        x="0px"
        y="0px"
        viewBox="0 0 35 35"
@@ -29,7 +27,7 @@
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        version="1.1"
        id="nightIcon"
        class="nightIcon"
        x="0px"
        y="0px"
        viewBox="0 0 100 100"