bug fixes

ib729 · ib729 · commit b7ce6f915ba9 · 2025-11-13T12:52:35.000+08:00
diff --git a/web-next/app/globals.css b/web-next/app/globals.css
@@ -200,6 +200,15 @@ html.dark,
     transition: none !important;
   }
   
+  /* Ensure color-scheme is properly set to prevent browser default styles flash */
+  html {
+    color-scheme: light;
+  }
+  
+  html.dark {
+    color-scheme: dark;
+  }
+  
   * {
     @apply border-border outline-ring/50;
   }
diff --git a/web-next/app/layout.tsx b/web-next/app/layout.tsx
@@ -52,7 +52,7 @@ export default function RootLayout({
       <head>
         <script
           dangerouslySetInnerHTML={{
-            __html: `(function(){try{let t=localStorage.getItem('theme'),d=window.matchMedia('(prefers-color-scheme: dark)').matches;if(t==='dark'||(t!=='light'&&!t&&d)){document.documentElement.classList.add('dark');document.documentElement.classList.remove('light')}else if(t==='light'){document.documentElement.classList.add('light');document.documentElement.classList.remove('dark')}else{document.documentElement.classList.remove('dark','light')}}catch(e){}})()`,
+            __html: `(function(){try{let t=localStorage.getItem('theme')||'system',d=window.matchMedia('(prefers-color-scheme: dark)').matches;document.documentElement.style.colorScheme=t==='system'?(d?'dark':'light'):t;if(t==='dark'||(t==='system'&&d)){document.documentElement.classList.add('dark');document.documentElement.classList.remove('light')}else if(t==='light'||(t==='system'&&!d)){document.documentElement.classList.add('light');document.documentElement.classList.remove('dark')}}catch(e){}})()`,
           }}
         />
       </head>
diff --git a/web-next/components/theme-provider.tsx b/web-next/components/theme-provider.tsx
@@ -10,7 +10,7 @@ export function ThemeProvider({
   return (
     <NextThemesProvider 
       {...props}
-      enableColorScheme={false}
+      enableColorScheme
     >
       {children}
     </NextThemesProvider>

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export function ThemeProvider({`
`10`	`10`	`return (`
`11`	`11`	`<NextThemesProvider`
`12`	`12`	`{...props}`
`13`		`- enableColorScheme={false}`
	`13`	`+ enableColorScheme`
`14`	`14`	`>`
`15`	`15`	`{children}`
`16`	`16`	`</NextThemesProvider>`