add useTheme to useApps

packages/freesewing.org/hooks/useApp.js

@@ -3,6 +3,7 @@ import get from 'lodash.get'
 import set from 'lodash.set'
 // Stores state in local storage
 import useLocalStorage from 'shared/hooks/useLocalStorage.js'
+import useTheme from 'shared/hooks/useTheme'
 // Prebuild navigation
 import prebuildNavigation from 'site/prebuild/navigation.js'
 // Translation
@@ -68,14 +69,9 @@ function useApp(full = true) {
   const locale = useRouter().locale
   const { t } = useTranslation()
 
-  // User color scheme preference
-  const prefersDarkMode = (typeof window !== 'undefined' && typeof  window.matchMedia === 'function')
-    ? window.matchMedia(`(prefers-color-scheme: dark`).matches
-    : null
-
   // Persistent state
   const [account, setAccount] = useLocalStorage('account', { username: false })
-  const [theme, setTheme] = useLocalStorage('theme', prefersDarkMode ? 'dark' : 'light')
+  const [theme, setTheme] = useTheme()
 
   // React State
   const [primaryMenu, setPrimaryMenu] = useState(false)