New Color Palette

apply the new color palette

const themes = [
  {
    name: "Light Theme",
    brand: {
      base: "#607080",
      primary: "#FAF9FB",
      primaryDark1: "#F7F6F9",
      primaryDark2: "#EDEAF0",
      secondary: "#037AFF",
      secondaryDark1: "#1C3D59",
      secondaryDark2: "#1C2E3F",
      success: jade,
      healthy: "#25AC56",
      healthyLight: "#75FE63",
      info: "#027AFF",
      warning: "#FEFA51",
      danger: warmRed,
      critical: "#BE2543",
      background: white,
      backgroundBluer: "#ECF4FF",
      textPrimary: "#313B44",
      textSecondary: "#8593A0",
      textTertiary: "#6C8398",
      borderLight: "#A5A5A5",
      border: "#A5A5A5"
    }
  },
  {
    name: "Dark Theme",
    brand: {
      base: "#6A7B92",
      primary: "#1D1D1F",
      primaryDark1: "#171718",
      primaryDark2: "#0A0A0A",
      secondary: "#037AFF",
      secondaryDark1: "#1C3D59",
      secondaryDark2: "#1C2E3F",
      success: jade,
      healthy: "#25AC56",
      healthyLight: "#75FE63",
      info: "#027AFF",
      warning: "#FEFA51",
      danger: warmRed,
      critical: "#BE2543",
      background: "#121214",
      backgroundBluer: "#182A41",
      textPrimary: "#FFFFFF",
      textSecondary: "#A8B5C1",
      textTertiary: "#A7B6C3",
      borderLight: "#2C3137",
      border: "#A5A5A5"
    }
  }
];