Merge branch 'fix-theme-logic'

src/config.ts

@@ -24,7 +24,7 @@ export const themeConfig: ThemeConfig = {
   // COLOR SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
   color: {
     // default theme mode
-    mode: 'light', // light, dark
+    mode: 'light', // light, dark, auto
     light: {
       // primary color
       // used for title, hover, etc

src/content/posts/guides/Theme Guide-en.md

@@ -41,7 +41,7 @@ site: {
 ```ts
 color: {
   // default theme mode
-  mode: 'light' // light, dark
+  mode: 'light' // light, dark, auto
   // light mode
   light: {
     // primary color

src/content/posts/guides/Theme Guide-es.md

@@ -41,7 +41,7 @@ site: {
 ```ts
 color: {
   // modo de tema predeterminado
-  mode: 'light' // light, dark
+  mode: 'light' // light, dark, auto
   // modo claro
   light: {
     // color primario

src/content/posts/guides/Theme Guide-ja.md

@@ -41,7 +41,7 @@ site: {
 ```ts
 color: {
   // デフォルトテーマモード
-  mode: 'light' // light, dark
+  mode: 'light' // light, dark, auto
   // ライトモード
   light: {
     // プライマリカラー

src/content/posts/guides/Theme Guide-ru.md

@@ -41,7 +41,7 @@ site: {
 ```ts
 color: {
   // режим темы по умолчанию
-  mode: 'light' // light, dark
+  mode: 'light' // light, dark, auto
   // светлый режим
   light: {
     // основной цвет

src/content/posts/guides/Theme Guide-zh-tw.md

@@ -41,7 +41,7 @@ site: {
 ```ts
 color: {
   // 默認主題
-  mode: 'light' // light, dark
+  mode: 'light' // light, dark, auto
   // 亮色模式
   light: {
     // 高亮顏色

src/content/posts/guides/Theme Guide-zh.md

@@ -41,7 +41,7 @@ site: {
 ```ts
 color: {
   // 默认主题
-  mode: 'light' // light, dark
+  mode: 'light' // light, dark, auto
   // 亮色模式
   light: {
     // 高亮颜色

src/layouts/Head.astro

@@ -110,8 +110,10 @@ function isCurrentDark() {
   const currentTheme = localStorage.getItem('theme')
   if (currentTheme)
     return currentTheme === 'dark'
-  if (defaultMode)
+  if (defaultMode === 'light')
-    return defaultMode === 'dark'
+    return false
+  if (defaultMode === 'dark')
+    return true
   return window.matchMedia('(prefers-color-scheme: dark)').matches
 }
 

src/types/index.d.ts

@@ -15,7 +15,7 @@ export interface ThemeConfig {
   }
 
   color: {
-    mode: 'light' | 'dark'
+    mode: 'light' | 'dark' | 'auto'
     light: {
       primary: string
       secondary: string