fix color scheme

gokulkrishh · Jan 14, 2024 · a352114 · a352114 · vercel · Jan 14, 2024
1 parent bbf2a3e
commit a352114
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/dashboard/layout.tsx b/app/dashboard/layout.tsx
@@ -59,7 +59,7 @@ export default async function Layout({ children }: any) {
 				<body className={`${inter.className} flex h-full flex-col text-gray-600 antialiased`}>
 					<NextTopLoader color="#0076ff" height={2} showSpinner={false} />
 					<AuthProvider user={user} accessToken={session?.access_token || null}>
-						<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+						<ThemeProvider enableColorScheme attribute="class" defaultTheme="system" enableSystem>
 							<main className="relative flex min-h-full min-w-full bg-background">
 								<DashboardLayout>
 									<SidebarContextProvider>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -47,14 +47,14 @@ export const viewport: Viewport = {
 	initialScale: 1,
 	userScalable: false,
 	themeColor: [
-		{
-			media: '(prefers-color-scheme: dark)',
-			color: '#09090b',
-		},
 		{
 			media: '(prefers-color-scheme: light)',
 			color: '#ffffff',
 		},
+		{
+			media: '(prefers-color-scheme: dark)',
+			color: '#09090b',
+		},
 	],
 };