From 721012ab2708a674413cb2b9cafc7a3cf90dc016 Mon Sep 17 00:00:00 2001 From: Lucian Petri Date: Thu, 29 Dec 2022 18:40:09 +0200 Subject: [PATCH] Add Color Mode --- website/src/pages/_document.tsx | 3 +++ website/src/styles/Theme.tsx | 10 ++++++++++ 2 files changed, 13 insertions(+) create mode 100644 website/src/styles/Theme.tsx 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;