v4.4.0 & darkmode

Author: tangly1024

lib/global.js

@@ -16,7 +16,7 @@ export function GlobalContextProvider(props) {
   const [lang, updateLang] = useState(NOTION_CONFIG?.LANG || LANG) // 默认语言
   const [locale, updateLocale] = useState(generateLocaleDict(NOTION_CONFIG?.LANG || LANG)) // 默认语言
   const [theme, setTheme] = useState(NOTION_CONFIG?.THEME || THEME) // 默认博客主题
-  const defaultDarkMode = NOTION_CONFIG?.APPEARANCE  || APPEARANCE 
+  const defaultDarkMode = NOTION_CONFIG?.APPEARANCE || APPEARANCE
   const [isDarkMode, updateDarkMode] = useState(defaultDarkMode === 'dark') // 默认深色模式
   const [onLoading, setOnLoading] = useState(false) // 抓取文章数据
   const router = useRouter()
@@ -58,13 +58,13 @@ export function GlobalContextProvider(props) {
   }
 
   useEffect(() => {
-    initDarkMode(updateDarkMode,defaultDarkMode)
+    initDarkMode(updateDarkMode, defaultDarkMode)
     initLocale(lang, locale, updateLang, updateLocale)
   }, [])
 
   // 加载进度条
   useEffect(() => {
-    const handleStart = (url) => {
+    const handleStart = url => {
       const { theme } = router.query
       if (theme && !url.includes(`theme=${theme}`)) {
         const newUrl = `${url}${url.includes('?') ? '&' : '?'}theme=${theme}`
@@ -87,27 +87,28 @@ export function GlobalContextProvider(props) {
   }, [router])
 
   return (
-        <GlobalContext.Provider value={{
-          fullWidth,
-          NOTION_CONFIG,
-          toggleDarkMode,
-          onLoading,
-          setOnLoading,
-          lang,
-          changeLang,
-          locale,
-          updateLocale,
-          isDarkMode,
-          updateDarkMode,
-          theme,
-          setTheme,
-          switchTheme,
-          siteInfo,
-          categoryOptions,
-          tagOptions
-        }}>
-            {children}
-        </GlobalContext.Provider>
+    <GlobalContext.Provider
+      value={{
+        fullWidth,
+        NOTION_CONFIG,
+        toggleDarkMode,
+        onLoading,
+        setOnLoading,
+        lang,
+        changeLang,
+        locale,
+        updateLocale,
+        isDarkMode,
+        updateDarkMode,
+        theme,
+        setTheme,
+        switchTheme,
+        siteInfo,
+        categoryOptions,
+        tagOptions
+      }}>
+      {children}
+    </GlobalContext.Provider>
   )
 }
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "notion-next",
-    "version": "4.3.2",
+    "version": "4.4.0",
     "homepage": "https://github.com/tangly1024/NotionNext.git",
     "license": "MIT",
     "repository": {

themes/theme.js

@@ -100,13 +100,14 @@ export const initDarkMode = (updateDarkMode, defaultDarkMode) => {
 
   // 查看localStorage中用户记录的是否深色模式
   const userDarkMode = loadDarkModeFromLocalStorage()
+  console.log('深色模式',userDarkMode)
   if (userDarkMode) {
-    newDarkMode = userDarkMode
+    newDarkMode = userDarkMode === 'dark' || userDarkMode === 'true'
   }
 
   // 如果站点强制设置默认深色，则优先级改过用
-  if (defaultDarkMode === 'dark') {
-    newDarkMode = defaultDarkMode
+  if (defaultDarkMode === 'true') {
+    newDarkMode = true
   }
 
   // url查询条件中是否深色模式