From 63862766cc4f2ab193aaf7ac928c71cd7f174b7c Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Wed, 30 Mar 2022 09:46:26 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/fukasawa/components/Catalog.js | 2 +-
 themes/hexo/components/Catalog.js     | 2 +-
 themes/medium/components/Catalog.js   | 2 +-
 themes/next/components/Toc.js         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/themes/fukasawa/components/Catalog.js b/themes/fukasawa/components/Catalog.js
index c4425454..2e67c392 100644
--- a/themes/fukasawa/components/Catalog.js
+++ b/themes/fukasawa/components/Catalog.js
@@ -58,7 +58,7 @@ const Catalog = ({ toc }) => {
 
   return <div>
     <div className='w-full dark:text-gray-300 mb-2'><i className='mr-1 fas fa-stream' /> 目录</div>
-    <div className='overflow-y-auto max-h-96' ref={tRef}>
+    <div className='overflow-y-auto max-h-96 overscroll-none' ref={tRef}>
       <nav className='h-full font-sans text-black'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)
diff --git a/themes/hexo/components/Catalog.js b/themes/hexo/components/Catalog.js
index 8b1db5f0..3856876d 100644
--- a/themes/hexo/components/Catalog.js
+++ b/themes/hexo/components/Catalog.js
@@ -62,7 +62,7 @@ const Catalog = ({ toc }) => {
     <div className='w-full py-3'>
       <Progress/>
     </div>
-    <div className='overflow-y-auto max-h-36 lg:max-h-96' ref={tRef}>
+    <div className='overflow-y-auto max-h-36 lg:max-h-96 overscroll-none' ref={tRef}>
       <nav className='h-full font-sans text-black'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)
diff --git a/themes/medium/components/Catalog.js b/themes/medium/components/Catalog.js
index 7da94669..01456e29 100644
--- a/themes/medium/components/Catalog.js
+++ b/themes/medium/components/Catalog.js
@@ -61,7 +61,7 @@ const Catalog = ({ toc }) => {
     <div className='w-full py-1'>
       <Progress/>
     </div>
-    <div className='overflow-y-auto max-h-96' ref={tRef}>
+    <div className='overflow-y-auto max-h-96 overscroll-none' ref={tRef}>
       <nav className='h-full font-sans text-black'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)
diff --git a/themes/next/components/Toc.js b/themes/next/components/Toc.js
index 44202ccd..ce83e41b 100644
--- a/themes/next/components/Toc.js
+++ b/themes/next/components/Toc.js
@@ -62,7 +62,7 @@ const Toc = ({ toc }) => {
     <div className='w-full pb-1'>
       <Progress/>
     </div>
-    <div className='overflow-y-auto max-h-96' ref={tRef}>
+    <div className='overflow-y-auto max-h-96 overscroll-none' ref={tRef}>
       <nav className='h-full font-sans text-black'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)

From 753a44226b08f651019fc2420368bbed5b985eaf Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Wed, 30 Mar 2022 11:15:39 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/global.js | 50 --------------------------------------------------
 lib/lang.js   |  2 +-
 lib/theme.js  | 34 +++++++++++++++++++++-------------
 lib/utils.js  | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 68 insertions(+), 64 deletions(-)

diff --git a/lib/global.js b/lib/global.js
index e1692217..10bfae28 100644
--- a/lib/global.js
+++ b/lib/global.js
@@ -45,10 +45,6 @@ export function GlobalContextProvider ({ children }) {
 
   useEffect(() => {
     if (!hasInit) {
-      const userTheme = getQueryVariable('theme')
-      if (userTheme && ALL_THEME.indexOf(userTheme) > -1) {
-        setTheme(userTheme)
-      }
       initLocale(locale, updateLocale)
       initDarkMode(isDarkMode, updateDarkMode)
       initTheme(theme, changeTheme)
@@ -63,50 +59,4 @@ export function GlobalContextProvider ({ children }) {
   )
 }
 
-/**
- * 查询url中的query参数
- * @param {}} variable
- * @returns
- */
-function getQueryVariable (variable) {
-  const query = window.location.search.substring(1)
-  const vars = query.split('&')
-  for (let i = 0; i < vars.length; i++) {
-    const pair = vars[i].split('=')
-    if (pair[0] === variable) { return pair[1] }
-  }
-  return (false)
-}
-
-/**
- * 深度合并两个对象
- * @param target
- * @param sources
- */
-export function mergeDeep (target, ...sources) {
-  if (!sources.length) return target
-  const source = sources.shift()
-
-  if (isObject(target) && isObject(source)) {
-    for (const key in source) {
-      if (isObject(source[key])) {
-        if (!target[key]) Object.assign(target, { [key]: {} })
-        mergeDeep(target[key], source[key])
-      } else {
-        Object.assign(target, { [key]: source[key] })
-      }
-    }
-  }
-  return mergeDeep(target, ...sources)
-}
-
-/**
- * 对象检查
- * @param item
- * @returns {boolean}
- */
-export function isObject (item) {
-  return (item && typeof item === 'object' && !Array.isArray(item))
-}
-
 export const useGlobal = () => useContext(GlobalContext)
diff --git a/lib/lang.js b/lib/lang.js
index dd552f0e..7c6594f9 100644
--- a/lib/lang.js
+++ b/lib/lang.js
@@ -2,7 +2,7 @@ import zhCN from './lang/zh-CN'
 import enUS from './lang/en-US'
 import zhHK from './lang/zh-HK'
 import zhTW from './lang/zh-TW'
-import { mergeDeep } from '@/lib/global'
+import { mergeDeep } from './utils'
 const lang = {
   'en-US': enUS,
   'zh-CN': zhCN,
diff --git a/lib/theme.js b/lib/theme.js
index 1cecad78..360dd7e2 100644
--- a/lib/theme.js
+++ b/lib/theme.js
@@ -1,37 +1,45 @@
 import cookie from 'react-cookies'
 import BLOG from '@/blog.config'
+import { ALL_THEME } from '@/themes'
+import { getQueryVariable } from './utils'
 
 /**
- * 初始化主题
+ * 初始化主题 , 优先级 query > cookies > systemPrefer
  * @param isDarkMode
  * @param updateDarkMode 更改主题ChangeState函数
  * @description 读取cookie中存的用户主题
  */
 export const initDarkMode = (isDarkMode, updateDarkMode) => {
-  if (typeof window !== 'undefined') {
-    if (!isDarkMode) {
-      isDarkMode = isPreferDark()
-    }
-    updateDarkMode(isDarkMode)
-    saveDarkModeToCookies(isDarkMode)
-    document.getElementsByTagName('html')[0].setAttribute('class', isDarkMode ? 'dark' : 'light')
+  const queryMode = getQueryVariable('mode')
+  if (queryMode) {
+    isDarkMode = queryMode === 'dark'
+  } else if (!isDarkMode) {
+    isDarkMode = isPreferDark()
   }
+  updateDarkMode(isDarkMode)
+  saveDarkModeToCookies(isDarkMode)
+  document.getElementsByTagName('html')[0].setAttribute('class', isDarkMode ? 'dark' : 'light')
 }
 
 /**
- * 从cookie中读取 用户默认主题
+ * 初始化主题， 优先级 query > cookies > blog.config.js
  * @param {*} theme
  * @param {*} changeTheme
  */
 export const initTheme = (theme, changeTheme) => {
-  const userTheme = loadThemeFromCookies()
-  if (userTheme !== theme) {
-    changeTheme(userTheme)
+  const queryTheme = getQueryVariable('theme')
+  if (queryTheme && ALL_THEME.indexOf(queryTheme) > -1) {
+    changeTheme(queryTheme)
+  } else {
+    const userTheme = loadThemeFromCookies()
+    if (userTheme !== theme) {
+      changeTheme(userTheme)
+    }
   }
 }
 
 /**
- * 是否优先深色模式
+ * 是否优先深色模式， 根据系统深色模式以及当前时间判断
  * @returns {*}
  */
 export function isPreferDark () {
diff --git a/lib/utils.js b/lib/utils.js
index d3687ab9..a53b2f2d 100644
--- a/lib/utils.js
+++ b/lib/utils.js
@@ -25,3 +25,49 @@ export function loadExternalResource (url, type) {
     }
   })
 }
+
+/**
+ * 查询url中的query参数
+ * @param {}} variable
+ * @returns
+ */
+export function getQueryVariable (variable) {
+  const query = window.location.search.substring(1)
+  const vars = query.split('&')
+  for (let i = 0; i < vars.length; i++) {
+    const pair = vars[i].split('=')
+    if (pair[0] === variable) { return pair[1] }
+  }
+  return (false)
+}
+
+/**
+ * 深度合并两个对象
+ * @param target
+ * @param sources
+ */
+export function mergeDeep (target, ...sources) {
+  if (!sources.length) return target
+  const source = sources.shift()
+
+  if (isObject(target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        if (!target[key]) Object.assign(target, { [key]: {} })
+        mergeDeep(target[key], source[key])
+      } else {
+        Object.assign(target, { [key]: source[key] })
+      }
+    }
+  }
+  return mergeDeep(target, ...sources)
+}
+
+/**
+ * 对象检查
+ * @param item
+ * @returns {boolean}
+ */
+export function isObject (item) {
+  return (item && typeof item === 'object' && !Array.isArray(item))
+}

From bbc0bbe7a8748a322ab9c699d75fcb03b9090a51 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Wed, 30 Mar 2022 11:17:32 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=B8=BB=E9=A2=98=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/example/LayoutBase.js  | 2 +-
 themes/example/LayoutIndex.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/themes/example/LayoutBase.js b/themes/example/LayoutBase.js
index 7898c47d..b8f41545 100644
--- a/themes/example/LayoutBase.js
+++ b/themes/example/LayoutBase.js
@@ -29,7 +29,7 @@ const LayoutBase = props => {
   }
 
   return (
-    <div>
+    <div className='dark:text-gray-300'>
       <CommonHead meta={meta} />
       {/* 导航菜单 */}
       <div className="w-full flex justify-center my-2">
diff --git a/themes/example/LayoutIndex.js b/themes/example/LayoutIndex.js
index 817bcdfb..1ef35344 100644
--- a/themes/example/LayoutIndex.js
+++ b/themes/example/LayoutIndex.js
@@ -18,7 +18,7 @@ export const LayoutIndex = props => {
   return (
     <LayoutBase {...props}>
       {posts.map(p => (
-        <div key={p.id} className='border my-12'>
+        <div key={p.id} className='border p-4 my-12'>
           <Link href={`/article/${p.slug}`}>
             <a className='underline cursor-pointer'>{p.title}</a>
           </Link>