diff --git a/website/src/pages/_document.tsx b/website/src/pages/_document.tsx
index 452ce769..308a9161 100644
--- a/website/src/pages/_document.tsx
+++ b/website/src/pages/_document.tsx
@@ -1,4 +1,6 @@
+import { ColorModeScript } from "@chakra-ui/react";
import { Head, Html, Main, NextScript } from "next/document";
+import theme from "../styles/Theme";
export default function Document() {
return (
@@ -7,6 +9,7 @@ export default function Document() {
+
diff --git a/website/src/styles/Theme.tsx b/website/src/styles/Theme.tsx
new file mode 100644
index 00000000..75b49f10
--- /dev/null
+++ b/website/src/styles/Theme.tsx
@@ -0,0 +1,10 @@
+import { extendTheme, type ThemeConfig } from "@chakra-ui/react";
+
+const config: ThemeConfig = {
+ initialColorMode: "light",
+ useSystemColorMode: true,
+};
+
+const theme = extendTheme({ config });
+
+export default theme;