feat: improve web mode notification (#309)

src/hooks/use-theme.mjs

@@ -0,0 +1,8 @@
+import { useConfig } from './use-config.mjs'
+import { useWindowTheme } from './use-window-theme.mjs'
+
+export function useTheme() {
+  const config = useConfig()
+  const theme = useWindowTheme()
+  return [config.themeMode === 'auto' ? theme : config.themeMode, config]
+}

src/hooks/use-window-theme.mjs

@@ -2,8 +2,10 @@ import { useEffect, useState } from 'react'
 
 export function useWindowTheme() {
   const [theme, setTheme] = useState(
-    window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
-      ? 'dark'
+    window.matchMedia
+      ? window.matchMedia('(prefers-color-scheme: dark)').matches
+        ? 'dark'
+        : 'light'
       : 'light',
   )
   useEffect(() => {