Fix background color definition

Author: Renan Borges

src/components/App.tsx

@@ -17,28 +17,19 @@ const ContentCss = {
   backgroundRepeat: 'no-repeat',
 };
 
-const globalStyles = globalCss({
-  body: {
-    backgroundColor: '#030b1f',
-  },
-});
-
-export default () => {
-  globalStyles();
-  return (
-    <NextUIProvider theme={theme}>
-      <BrowserRouter>
-        <Col css={ContentCss}>
-          <Header />
-          <main>
-            <Routes>
-              <Route path="/" element={<Home />} />
-              <Route path="/about" element={<About />} />
-            </Routes>
-          </main>
-          <Footer />
-        </Col>
-      </BrowserRouter>
-    </NextUIProvider>
-  );
-};
+export default () => (
+  <NextUIProvider theme={theme}>
+    <BrowserRouter>
+      <Col css={ContentCss}>
+        <Header />
+        <main>
+          <Routes>
+            <Route path="/" element={<Home />} />
+            <Route path="/about" element={<About />} />
+          </Routes>
+        </main>
+        <Footer />
+      </Col>
+    </BrowserRouter>
+  </NextUIProvider>
+);

src/theme.tsx

@@ -6,6 +6,7 @@ export default createTheme({
     colors: {
       primary: '$red500',
       secondary: '$gray500',
+      background: '#030b1f',
     },
     fonts: {
       sans: "Rubik, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto'",