Extract themeEngine

src/themes/themes.js

@@ -1,6 +1,8 @@
+import { useState, useCallback } from 'preact/hooks'
+
 import '~/src/style/themes.css'
 
-export const themeList = [
+const themes = [
   'default',
   'default-dark',
   'nord',
@@ -9,9 +11,20 @@ export const themeList = [
   '_raw'
 ]
 
-export const DEFAULT_THEME = themeList[0]
+const DEFAULT_THEME = themes[0]
 
-export const assertTheme = theme =>
-  themeList.includes(theme)
+const assertTheme = theme =>
+  themes.includes(theme)
     ? theme
     : DEFAULT_THEME
+
+export const useThemeEngine = (defaultTheme = DEFAULT_THEME) => {
+  const [currentTheme, setCurrentTheme] =
+    useState(DEFAULT_THEME)
+
+    const setTheme = useCallback(theme => {
+      setCurrentTheme(assertTheme(theme))
+    }, [currentTheme]);
+
+  return { currentTheme, setTheme, themes };
+}