DarkMode 模块重命名

lib/global.js

@@ -1,7 +1,7 @@
 import lang from './lang'
 import { useContext, createContext, useState, useEffect } from 'react'
 import Router from 'next/router'
-import { initTheme, loadUserThemeFromCookies } from './theme'
+import { initTheme, loadDarkModeFromCookies } from './theme'
 const GlobalContext = createContext()
 
 /**
@@ -12,7 +12,7 @@ const GlobalContext = createContext()
  */
 export function GlobalContextProvider ({ children }) {
   const [locale, changeLocale] = useState(generateLocaleDict('en-US'))
-  const [theme, changeTheme] = useState(loadUserThemeFromCookies())
+  const [isDarkMode, updateDarkMode] = useState(loadDarkModeFromCookies())
   const [onLoading, changeLoadingState] = useState(false)
   Router.events.on('routeChangeStart', (...args) => {
     changeLoadingState(true)
@@ -24,12 +24,12 @@ export function GlobalContextProvider ({ children }) {
 
   // 服务端静态渲染，在渲染hooks后根据前端变量做初始化工作
   useEffect(() => {
-    initTheme(theme, changeTheme)
+    initTheme(isDarkMode, updateDarkMode)
     initLocale(locale, changeLocale)
   })
 
   return (
-    <GlobalContext.Provider value={{ onLoading, locale, theme, changeTheme }}>
+    <GlobalContext.Provider value={{ onLoading, locale, isDarkMode, updateDarkMode }}>
       {children}
     </GlobalContext.Provider>
   )