chore: add ui package and custom theme colors

packages/ui/src/index.ts

@@ -0,0 +1,7 @@
+import type { MantineProviderProps } from "@mantine/core";
+import { theme } from "./theme";
+
+
+export const uiConfiguration = ({
+    theme,
+}) satisfies MantineProviderProps;

packages/ui/src/theme.ts

@@ -0,0 +1,11 @@
+import { createTheme } from "@mantine/core";
+import { primaryColor } from "./theme/colors/primary";
+import { secondaryColor } from "./theme/colors/secondary";
+
+export const theme = createTheme({
+    colors: {
+      primaryColor,
+      secondaryColor,
+    },
+    primaryColor: "primaryColor",
+  });

packages/ui/src/theme/colors/primary.ts

@@ -0,0 +1,14 @@
+import type { MantineColorsTuple } from "@mantine/core";
+
+export const primaryColor: MantineColorsTuple = [
+    '#eafbf0',
+    '#ddefe3',
+    '#bedcc7',
+    '#9bc8aa',
+    '#7eb892',
+    '#6bad81',
+    '#60a878',
+    '#509265',
+    '#438359',
+    '#35724a'
+];

packages/ui/src/theme/colors/secondary.ts

@@ -0,0 +1,14 @@
+import type { MantineColorsTuple } from "@mantine/core";
+
+export const secondaryColor: MantineColorsTuple = [
+    '#e6f7ff',
+    '#d9e8f6',
+    '#b6cde6',
+    '#90b2d4',
+    '#6f9ac5',
+    '#5a8bbd',
+    '#4d84ba',
+    '#3d71a4',
+    '#326595',
+    '#205885'
+  ];