theme.ts

export const theme = {
  primaryColor: "#625EFF",
  primaryColor25: "rgba(98, 94, 255, .25)",
  primaryColor12: "rgba(103, 87, 255, .12)",
  mediumPrimaryColor: "#36348F",
  mediumPrimaryColor20: "rgba(73, 68, 193, .2)",
  darkPrimaryColor: "#010047",
  darkPrimaryColor60: "rgba(1, 0, 71, .6)",
  brightPrimaryColor: "#C5C4FF",
  lightPrimaryColor: "#EDEBFF",

  brightColor: "#F7F6FF",

  dangerColor: "#F74D58",
  dangerTransparentColor: "rgba(247, 77, 88, 0.1)",
  successColor: "#45E698",
  successColor10: "rgba(69, 230, 152, .1)",
  successColor20: "rgba(69, 230, 152, .2)",
  backgroundColor: "#F8F8FF",
  shadowColor: "rgba(0, 0, 0, 0.25)",

  textColor: "#1A1A21",
  greyColor80: "#353542",
  greyColor70: "#555461",
  greyColor60: "#6B6B75",
  greyColor55: "#868696",
  greyColor40: "#B3B3BD",
  greyColor30: "#D9D9E0",
  greyColor20: "#E8E8ED",
  greyColor10: "#F0F0F5",
  greyColor0: "#F7F7FA",

  whiteColor: "#FFFFFF",

  regularFont: "Inter, Arial, sans-serif",
  highlightFont: "Montserrat, Arial, sans-serif",
  codeFont: "Courier Prime, Arial, sans-serif"
};