25 lines
687 B
JavaScript
25 lines
687 B
JavaScript
import { spectrum, rating, stripe } from 'shared/themes/index.mjs'
|
|
import createPersistedState from 'use-persisted-state'
|
|
|
|
const usePersistedTheme = createPersistedState('fs-theme')
|
|
|
|
const preferredTheme = () => {
|
|
const prefersDarkMode =
|
|
typeof window !== 'undefined' && typeof window.matchMedia === 'function'
|
|
? window.matchMedia(`(prefers-color-scheme: dark`).matches
|
|
: undefined
|
|
|
|
return prefersDarkMode ? 'dark' : 'light'
|
|
}
|
|
|
|
export const useTheme = () => {
|
|
const theme = usePersistedTheme(preferredTheme)
|
|
|
|
return {
|
|
theme: theme[0],
|
|
setTheme: theme[1],
|
|
spectrum: spectrum[theme[0]],
|
|
rating: rating[theme[0]],
|
|
stripe: stripe[theme[0]],
|
|
}
|
|
}
|