feat: theme css

.gitignore

@@ -1,4 +1,4 @@
 /dist
 /node_modules
 .DS_Store
-.next
+*.next*

pages/_app.js

@@ -17,8 +17,14 @@ export default function MyApp({ Component, pageProps }) {
       <ThemeProvider theme={theme}>
         <StyleReset />
           <Div
+            w="90%"
+            h="90%"
+            maxW="900px"
+            minW="600px"
+            maxH="auto"
             textColor="black900"
             rounded="br1"
+            align="center"
             d="flex"
             textWeight="500"
             flexDir="column"

pages/_metadata.json

@@ -3,6 +3,7 @@
     "title": "Home",
     "href": "/",
     "theme": {
+      "themeSwitch": "Light",
       "breadcrumb": false
     }
   },
@@ -11,15 +12,15 @@
     "type": "page",
     "theme": {
       "breadcrumb": false,
-      "toc": false
+      "themeSwitch": "Light"
     }
   },
   "projects": {
     "title": "Projects",
     "type": "page",
     "theme": {
-      "breadcrumb": false,
-      "toc": false
+      "themeSwitch": "Light",
+      "breadcrumb": false
     }
   }
 }

pages/index.js

@@ -24,10 +24,6 @@ export default function Home() {
       <StyleReset />
           <Div
             textColor="black900"
-            w="90%"
-            h="90%"
-            maxW="1200px"
-            minW="600px"
             m={{ x: "auto", y: "2rem" }}
             p={{ x: "2rem", y: "2rem" }}
             d="flex"
@@ -36,7 +32,6 @@ export default function Home() {
           >
             <Div
               p={{ x: "1rem", y: "1rem" }}
-
               d="flex"
               flexDir="column"
               justify="center"

theme.config.jsx

@@ -20,14 +20,6 @@ export default {
   search: {
     component: false,
   },
-  darkMode: false,
-  themeSwitch: {
-    useOptions() {
-      return {
-        light: 'Light',
-      }
-    },
-  },
   gitTimestamp: null,
   footer: {
     text: (