coporate color system: init

pkgs/ui/nix/floco-cfg.nix

@@ -2,5 +2,6 @@
   imports = [
     ./pdefs.nix
     ./foverrides.nix
+    ../../theme/nix/floco-cfg.nix
   ];
 }

pkgs/ui/nix/foverrides.nix

@@ -100,6 +100,12 @@ in
                   optional = false;
                   dev = true;
                 };
+                "node_modules/@clan/colors" = {
+                  key = "@clan/colors/1.0.0";
+                  link = false;
+                  optional = false;
+                  dev = true;
+                };
               };
           });
         in

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,
+    },
   },
 });