fix: (regression 0.26.1) theme 'auto' in frontend not working after a system change
Massimo Melina committed
Jan 6, 2023 at 14:08 UTC
4d60187a1ea27575718bb11da60e19824ffe4a63
1 file changed
+2
-2
frontend/src/useTheme.ts
+2
-2
@@ -2,11 +2,11 @@
2
3
import { useSnapState } from './state'
4
import { useEffect } from 'react'
5
-import { useDarkMode } from 'usehooks-ts'
5
+import { useMediaQuery } from 'usehooks-ts'
6
7
export default function useTheme() {
8
const { theme } = useSnapState()
9
- const { isDarkMode } = useDarkMode()
9
+ const isDarkMode = useMediaQuery('(prefers-color-scheme: dark)') // don't use useDarkMode() as it persists in localstorage and there's no way to just read system setting
10
useEffect(()=>{
11
const e = document.body
12
if (!e) return