Styled Homepage

src/components/ThemeProvider.tsx

@@ -0,0 +1,11 @@
+import { Box } from '@mantine/core';
+
+export default function ThemeProvider({ theme, children }: { theme: any, children: React.ReactNode }) {
+    return <Box style={{
+        '--color-text-pri': theme.colortextpri,
+        '--color-text-acc': theme.colortextacc,
+        '--color-background': theme.colorbackground,
+        '--color-border': theme.colorborder,
+        '--color-search-background': theme.colorsearchbackground,
+    }}>{children}</Box>;
+}