动态Theme 初版

lib/global.js

@@ -2,6 +2,7 @@ import lang from './lang'
 import { useContext, createContext, useState } from 'react'
 import Router from 'next/router'
 import { initDarkMode } from './theme'
+import BLOG from '@/blog.config'
 const GlobalContext = createContext()
 let hasInit = false
 
@@ -15,6 +16,7 @@ export function GlobalContextProvider ({ children }) {
   const [locale, updateLocale] = useState(generateLocaleDict('en-US'))
   const [isDarkMode, updateDarkMode] = useState(false)
   const [onLoading, changeLoadingState] = useState(false)
+  const [theme, setTheme] = useState(BLOG.THEME)
   Router.events.on('routeChangeStart', (...args) => {
     changeLoadingState(true)
   })
@@ -33,7 +35,7 @@ export function GlobalContextProvider ({ children }) {
   }, 100)
 
   return (
-    <GlobalContext.Provider value={{ onLoading, locale, isDarkMode, updateDarkMode }}>
+    <GlobalContext.Provider value={{ onLoading, locale, isDarkMode, updateDarkMode, theme, setTheme }}>
       {children}
     </GlobalContext.Provider>
   )