coporate color system: init

pkgs/ui/src/app/theme/themes.ts

@@ -1,5 +1,7 @@
 import { createTheme } from "@mui/material/styles";
 
+import colors from "@clan/colors/colors.json";
+
 export const darkTheme = createTheme({
   breakpoints: {
     values: {
@@ -15,6 +17,7 @@ export const darkTheme = createTheme({
   },
 });
 
+const { palette, common } = colors.ref;
 export const lightTheme = createTheme({
   breakpoints: {
     values: {
@@ -27,5 +30,27 @@ export const lightTheme = createTheme({
   },
   palette: {
     mode: "light",
+    background: {
+      default: common.white.value,
+      paper: palette.neutral98.value,
+    },
+    primary: {
+      main: palette.green50.value,
+    },
+    secondary: {
+      main: palette.green50.value,
+    },
+    error: {
+      main: palette.red50.value,
+    },
+    warning: {
+      main: palette.yellow50.value,
+    },
+    success: {
+      main: palette.green50.value,
+    },
+    info: {
+      main: palette.red50.value,
+    },
   },
 });