First Commit

2026-03-21 11:55:27 +01:00
commit 2e8a29b4d0
1757 changed files with 166084 additions and 0 deletions
@@ -0,0 +1,101 @@
+// @project
+import { extendPaletteWithChannels, withAlpha } from '@/utils/colorUtils';
+
+/***************************  DEFAULT - PALETTE  ***************************/
+
+export function buildPalette() {
+  const textPrimary = '#1B1B1F'; // Hosting/neutral/10 - on surface
+  const textSecondary = '#46464F'; // Hosting/neutral variant/30 - on surface variant
+
+  const secondaryMain = '#5A5C78'; // Hosting/secondary/40 - secondary
+
+  const divider = '#EFEDF4'; // Hosting/neutral/94 - surface container
+  const background = '#FFF';
+
+  const disabled = '#777680'; // Hosting/neutral variant/50 - outline
+  const disabledBackground = '#E4E1E6'; // Hosting/neutral/90 - surface container highest
+
+  const lightPalette = {
+    primary: {
+      lighter: '#E0E0FF', // Hosting/primary/90 - primary container / primary fixed
+      light: '#BDC2FF', // Hosting/primary/80 - primary fixed dim
+      main: '#606BDF', // Hosting/primary/40 - primary
+      dark: '#3944B8', // Hosting/primary/30 - on primary fixed variant
+      darker: '#000668' // Hosting/primary/10 - on primary container / on primary fixed
+    },
+    secondary: {
+      lighter: '#E0E0FF', // Hosting/secondary/90 - secondary container / secondary fixed
+      light: '#C3C4E4', // Hosting/secondary/80 - secondary fixed dim
+      main: secondaryMain, // Hosting/secondary/40 - secondary
+      dark: '#43455F', // Hosting/secondary/30 - on secondary fixed variant
+      darker: '#171A31' // Hosting/secondary/10 - on secondary container / on secondary fixed
+    },
+    error: {
+      lighter: '#FFEDEA', // error/90 - error container / error fixed
+      light: '#FFDAD6', // error/80 - error fixed dim
+      main: '#DE3730', // error/40 - error
+      dark: '#BA1A1A', // error/30 - on error fixed variant
+      darker: '#690005' // error/10 - on error container / on error fixed
+    },
+    warning: {
+      lighter: '#FFEEE1', // warning/90 - warning container / warning fixed
+      light: '#FFDCBE', // warning/80 - warning fixed dim
+      main: '#AE6600', // warning/40 - warning
+      dark: '#8B5000', // warning/30 - on warning fixed variant
+      darker: '#4A2800' // warning/10 - on warning container / on warning fixed
+    },
+    success: {
+      lighter: '#C8FFC0', // success/90 - success container / success fixed
+      light: '#B6F2AF', // success/80 - success fixed dim
+      main: '#22892F', // success/40 - success
+      dark: '#006E1C', // success/30 - on success fixed variant
+      darker: '#00390A' // success/10 - on success container / on success fixed
+    },
+    info: {
+      lighter: '#D4F7FF', // info/90 - info container / info fixed
+      light: '#A1EFFF', // info/80 - info fixed dim
+      main: '#008394', // info/40 - info
+      dark: '#006876', // info/30 - on info fixed variant
+      darker: '#00363E' // info/10 - on info container / on info fixed
+    },
+    grey: {
+      50: '#FBF8FF', // Hosting/neutral/98 - surface / surface bright
+      100: '#F5F2FA', // Hosting/neutral/96 - surface container low
+      200: divider, // Hosting/neutral/94 - surface container
+      300: '#EAE7EF', // Hosting/neutral/92 - surface container high
+      400: disabledBackground, // Hosting/neutral/90 - surface container highest
+      500: '#DBD9E0', // Hosting/neutral/87 - surface dim
+      600: '#C7C5D0', // Hosting/neutral variant/80 - outline variant
+      700: disabled, // Hosting/neutral variant/50 - outline
+      800: textSecondary, // Hosting/neutral variant/30 - on surface variant
+      900: textPrimary // Hosting/neutral/10 - on surface
+    },
+    text: {
+      primary: textPrimary, // Hosting/neutral/10 - on surface
+      secondary: textSecondary, // Hosting/neutral variant/30 - on surface variant
+      disabled: disabled
+    },
+    divider,
+    background: {
+      default: background
+    },
+    action: {
+      hover: withAlpha(secondaryMain, 0.05),
+      disabled: withAlpha(disabled, 0.6),
+      disabledBackground: withAlpha(disabledBackground, 0.9)
+    }
+  };
+
+  const commonColor = { common: { black: '#000', white: '#fff' } };
+
+  const extendedLight = extendPaletteWithChannels(lightPalette);
+  const extendedCommon = extendPaletteWithChannels(commonColor);
+
+  return {
+    light: {
+      mode: 'light',
+      ...extendedCommon,
+      ...extendedLight
+    }
+  };
+}