fix: hydration mismatch on html element

ken-matsui · claude · ken-matsui · commit a2ff2ed2daf8 · 2025-08-11T20:47:00.000-04:00
🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -13,7 +13,7 @@ export default function Layout({
     children: React.ReactNode;
 }): React.ReactElement {
     return (
-        <html lang="en" className="dark">
+        <html lang="en" className="dark" style={{ colorScheme: "dark" }}>
             <body
                 className={"min-h-screen bg-background font-sans antialiased"}
             >

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ export default function Layout({`
`13`	`13`	`children: React.ReactNode;`
`14`	`14`	`}): React.ReactElement {`
`15`	`15`	`return (`
`16`		`- <html lang="en" className="dark">`
	`16`	`+ <html lang="en" className="dark" style={{ colorScheme: "dark" }}>`
`17`	`17`	`<body`
`18`	`18`	`className={"min-h-screen bg-background font-sans antialiased"}`
`19`	`19`	`>`