Merge pull request #6 from damla/dev

[#5] refactor: theme file
damla · May 8, 2021 · 9535ec0 · 9535ec0 · vercel · May 8, 2021
2 parents eff4375 + 9492d7a
commit 9535ec0
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,12 +1,5 @@
 import { ChakraProvider } from "@chakra-ui/react";
-import { extendTheme } from "@chakra-ui/react";
-
-const config = {
-  initialColorMode: "light",
-  useSystemColorMode: false,
-};
-
-export const theme = extendTheme({ config });
+import theme from "../utils/theme";
 
 function MyApp({ Component, pageProps }) {
   return (

diff --git a/pages/_document.js b/pages/_document.js
@@ -2,7 +2,7 @@
 
 import { ColorModeScript } from "@chakra-ui/react";
 import NextDocument, { Html, Head, Main, NextScript } from "next/document";
-import { theme } from "./_app";
+import theme from "../utils/theme";
 
 export default class Document extends NextDocument {
   render() {

diff --git a/pages/index.js b/pages/index.js
@@ -1,4 +1,4 @@
-import { Button, ButtonGroup, Stack, useColorMode } from "@chakra-ui/react";
+import { Button, useColorMode } from "@chakra-ui/react";
 
 export default function IndexPage() {
   const { colorMode, toggleColorMode } = useColorMode();

diff --git a/utils/theme.js b/utils/theme.js
@@ -0,0 +1,10 @@
+import { extendTheme } from "@chakra-ui/react";
+
+const config = {
+  initialColorMode: "light",
+  useSystemColorMode: false,
+};
+
+const theme = extendTheme({ config });
+
+export default theme;