diff --git a/app/globals.d.ts b/app/globals.d.ts
new file mode 100644
index 0000000..35306c6
--- /dev/null
+++ b/app/globals.d.ts
@@ -0,0 +1 @@
+declare module '*.css';
diff --git a/app/layout.tsx b/app/layout.tsx
index f7bd3fb..eda4bba 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,8 @@ import type { Metadata } from "next";
import "./styles/globals.css";
import { GeistSans } from "geist/font/sans";
+import { ColorModeScript } from "@chakra-ui/react";
+import { theme } from "./styles/theme";
import { Providers } from "./providers";
import { GoogleAnalytics } from "@next/third-parties/google";
import IconLink from "./components/IconLink";
@@ -34,9 +36,10 @@ export default function RootLayout({
-
+
+
- {children}
+ {children}
diff --git a/app/styles/globals.css b/app/styles/globals.css
index 45a27d6..c13828d 100644
--- a/app/styles/globals.css
+++ b/app/styles/globals.css
@@ -2,6 +2,8 @@ body {
/* padding: 16px; */
height: 100%;
margin: 0;
+ background-color: hsl(var(--background));
+ color: hsl(var(--text));
}
html {
height: 100%;
diff --git a/app/styles/theme.ts b/app/styles/theme.ts
index 3c35492..4ab7f90 100644
--- a/app/styles/theme.ts
+++ b/app/styles/theme.ts
@@ -150,7 +150,7 @@ const Modal = {
export const theme = extendTheme({
config: {
- initialColorMode: "light",
+ initialColorMode: "dark",
useSystemColorMode: true,
},
styles: {