dhall-docs: dark mode - default to browser settings (#2582)

kukimik · web-flow · commit e281834c9ae9 · 2024-05-11T05:34:29.000+02:00
diff --git a/dhall-docs/src/Dhall/data/assets/index.js b/dhall-docs/src/Dhall/data/assets/index.js
@@ -2,7 +2,8 @@ const DARK_MODE_OPT = 'dark-mode'
 const DARK_MODE_ACTIVE = 'dark-mode-active'
 const DARK_MODE_INACTIVE = 'dark-mode-inactive'
 
-if (localStorage.getItem(DARK_MODE_OPT) == DARK_MODE_ACTIVE) {
+if (!localStorage.hasOwnProperty(DARK_MODE_OPT) && window.matchMedia('(prefers-color-scheme: dark)').matches
+    || localStorage.getItem(DARK_MODE_OPT) == DARK_MODE_ACTIVE) {
   document.documentElement.classList.add('dark-mode')
 }
 

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,8 @@ const DARK_MODE_OPT = 'dark-mode'`
`2`	`2`	`const DARK_MODE_ACTIVE = 'dark-mode-active'`
`3`	`3`	`const DARK_MODE_INACTIVE = 'dark-mode-inactive'`
`4`	`4`
`5`		`-if (localStorage.getItem(DARK_MODE_OPT) == DARK_MODE_ACTIVE) {`
	`5`	`+if (!localStorage.hasOwnProperty(DARK_MODE_OPT) && window.matchMedia('(prefers-color-scheme: dark)').matches`
	`6`	`+ \|\| localStorage.getItem(DARK_MODE_OPT) == DARK_MODE_ACTIVE) {`
`6`	`7`	`document.documentElement.classList.add('dark-mode')`
`7`	`8`	`}`
`8`	`9`