feat: move to nextjs

style/scroll.css

@@ -0,0 +1,18 @@
+.scroll::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.scroll::-webkit-scrollbar {
+  width: 12px;
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.scroll::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: #2a8ed6;
+}

style/theme.ts

@@ -0,0 +1,27 @@
+import { extendTheme, ThemeConfig } from "@chakra-ui/react";
+
+const colors = {
+  brand: {
+    black: "#101010",
+    lightBlack: "#1a1a1a",
+  },
+};
+
+const config: ThemeConfig = {
+  initialColorMode: "dark",
+  useSystemColorMode: false,
+};
+
+const theme = extendTheme({
+  styles: {
+    global: {
+      body: {
+        bg: "brand.black",
+      },
+    },
+  },
+  config,
+  colors,
+});
+
+export default theme;