fix: cleaned up color palettes

Author: noahonyejese

src/themes/index.d.ts

@@ -1,6 +1,5 @@
 import {
   FederalBreakpointOverrides,
-  FederalColor,
   FederalTypographyPropsVariantOverrides,
   FederalTypographyVariants,
   FederalTypographyVariantsOptions,
@@ -45,40 +44,6 @@ declare module "@mui/material/Typography" {
 
 declare module "@mui/material/styles" {
   interface BreakpointOverrides extends FederalBreakpointOverrides {}
-
-  interface Palette {
-    cobalt: FederalColor & { main: string };
-    monochrome: FederalColor & { main: string };
-    red: FederalColor & { main: string };
-    blue: FederalColor & { main: string };
-    green: FederalColor & { main: string };
-    yellow: FederalColor & { main: string };
-    purple: FederalColor & { main: string };
-    teal: FederalColor & { main: string };
-    pink: FederalColor & { main: string };
-    orange: FederalColor & { main: string };
-    indigo: FederalColor & { main: string };
-
-    categorical: string[];
-    sequential: string[];
-  }
-
-  interface PaletteOptions {
-    cobalt: FederalColor & { main: string };
-    monochrome: FederalColor & { main: string };
-    red: FederalColor & { main: string };
-    blue: FederalColor & { main: string };
-    green: FederalColor & { main: string };
-    yellow: FederalColor & { main: string };
-    purple: FederalColor & { main: string };
-    teal: FederalColor & { main: string };
-    pink: FederalColor & { main: string };
-    orange: FederalColor & { main: string };
-    indigo: FederalColor & { main: string };
-
-    categorical: string[];
-    sequential: string[];
-  }
 }
 
 export { theme } from "./elcom";

src/themes/palette.ts

@@ -5,66 +5,42 @@ export const palette = {
   ...colors,
   text: {
     primary: colors.monochrome[800],
+    ...colors.monochrome,
   },
   primary: {
     main: "#D8232A",
     contrastText: "#FFFFFF",
-  },
-  cobalt: {
-    main: colors.cobalt[700],
-    ...colors.cobalt,
+    ...colors.red,
   },
   secondary: {
     main: colors.cobalt[700],
     ...colors.cobalt,
   },
-  monochrome: {
-    main: colors.monochrome[700],
-    ...colors.monochrome,
-  },
-  red: {
-    main: colors.red[700],
-    ...colors.red,
-  },
-  yellow: {
-    main: "#B45309",
-    50: "#FFFBEB",
-    100: "#FEF3C7",
-    200: "#FDE68A",
-    300: "#FCD34D",
-    400: "#FBBF24",
-    500: "#F59E0B",
-    600: "#D97706",
-    700: "#B45309",
-    800: "#92400E",
-    900: "#78350F",
-  },
-  green: {
-    main: "#047857",
-    50: "#ECFDF5",
-    100: "#D1FAE5",
-    200: "#A7F3D0",
-    300: "#6EE7B7",
-    400: "#34D399",
-    500: "#10B981",
-    600: "#059669",
-    700: "#047857",
-    800: "#065F46",
-    900: "#064E3B",
-  },
-  blue: {
-    main: "#1D4ED8",
-    50: "#EFF6FF",
-    100: "#DBEAFE",
-    200: "#BFDBFE",
-    300: "#93C5FD",
-    400: "#60A5FA",
-    500: "#3B82F6",
-    600: "#2563EB",
-    700: "#1D4ED8",
-    800: "#1E40AF",
-    900: "#1E3A8A",
-  },
-  diverging: ["#51b581", "#a8dc90", "#e7ec83", "#f1b865", "#eb7c40"],
-  categorical: ["#64afe9", "#01ADA1", "#939CB4", "#91C34B", "#E89F00"],
 } satisfies ThemeOptions["palette"];
+
+// FIXME: Bring back once we use it to prevent knip from causing issues
+// export const chartPalette = {
+//   categorical: [
+//     "#3B82F6",
+//     "#EC4899",
+//     "#10B981",
+//     "#8B5CF6",
+//     "#059669",
+//     "#6B7280",
+//     "#EA580C",
+//   ],
+//   sequential: {
+//     yellow: ["#FDE68A", "#FCD34D", "#FBBF24", "#F59E0B", "#D97706", "#B45309"],
+//     orange: ["#FED7AA", "#FDBA74", "#FB923C", "#F97316", "#EA580C", "#C2410C"],
+//     green: ["#A7F3D0", "#6EE7B7", "#34D399", "#10B981", "#059669", "#047857"],
+//     teal: ["#98F6F3", "#5DE8EA", "#2BCED4", "#14AFB8", "#0D8B96", "#0F6B75"],
+//     blue: ["#BFDBFE", "#93C5FD", "#60A5FA", "#3B82F6", "#2563EB", "#1D4ED8"],
+//     indigo: ["#E0E7FF", "#C7D2FE", "#A5B4FC", "#818CF8", "#6366F1", "#4338CA"],
+//     purple: ["#EDE9FE", "#DDD6FE", "#C4B5FD", "#A78BFA", "#8B5CF6", "#7C3AED"],
+//     pink: ["#FBCFE8", "#F9A8D4", "#F472B6", "#EC4899", "#DB2777", "#BE185D"],
+//   },
+//   diverging: {
+//     BP: ["#2563EB", "#60A5FA", "#BFDBFE", "#FBCFE8", "#DB2777"],
+//     GO: ["#059669", "#34D399", "#A7F3D0", "#E4D78C", "#EA580C"],
+//   },
+// };