scapegoat/Docs2.git

parent: 0d3cf292 | patch | commit | ignore whitespace

feat: support changes in system theme (#484)

David Fischer

2023-09-19 cc31a40b0cb53cba7f51187cb6d68076c3f54c0f

feat: support changes in system theme (#484)

* feat: support changes in system theme

* fix: run prettier

* fix: add content/.gitkeep

1 files modified

quartz/components/scripts/darkmode.inline.ts

9 ●●●●● patch | view | raw | blame | history

 quartz/components/scripts/darkmode.inline.ts

@@ -20,4 +20,13 @@
  if (currentTheme === "dark") {
    toggleSwitch.checked = true
  }

  // Listen for changes in prefers-color-scheme
  const colorSchemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)")
  colorSchemeMediaQuery.addEventListener("change", (e) => {
    const newTheme = e.matches ? "dark" : "light"
    document.documentElement.setAttribute("saved-theme", newTheme)
    localStorage.setItem("theme", newTheme)
    toggleSwitch.checked = e.matches
  })
})

			@@ -20,4 +20,13 @@
			if (currentTheme === "dark") {
			toggleSwitch.checked = true
			}

			// Listen for changes in prefers-color-scheme
			const colorSchemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)")
			colorSchemeMediaQuery.addEventListener("change", (e) => {
			const newTheme = e.matches ? "dark" : "light"
			document.documentElement.setAttribute("saved-theme", newTheme)
			localStorage.setItem("theme", newTheme)
			toggleSwitch.checked = e.matches
			})
			})