Theme
Color
Color
Change the colors inside src/theme/colors
theme/colors.js
_86import { alpha } from "@mui/material/styles";_86_86const grey = {_86 25: "#F9FAFB",_86 50: "#F6F7F8",_86 100: "#f3f4f6",_86 200: "#e5e7eb",_86 300: "#d1d5db",_86 400: "#9ca3af",_86 500: "#6b7280",_86 600: "#4b5563",_86 700: "#374151",_86 800: "#1f2937",_86 900: "#111827",_86};_86_86const primary = {_86 25: "#F7F5FE",_86 50: "#F4F1FE",_86 100: "#E4DCFD",_86 200: "#C8BAFC",_86 300: "#A996F8",_86 400: "#907AF1",_86 500: "#6950E8",_86 600: "#592BE7",_86 700: "#4317CA",_86 800: "#33129C",_86 900: "#240C6E",_86 main: "#6950E8",_86};_86_86const success = {_86 25: "#F1FEF5",_86 50: "#E3FDEB",_86 100: "#CDFBDB",_86 200: "#9DF7C2",_86 300: "#6AE9AA",_86 400: "#43D49A",_86 500: "#11b886",_86 600: "#0C9E80",_86 700: "#088477",_86 800: "#056A6A",_86 900: "#035058",_86 main: "#11b886",_86};_86_86const warning = {_86 25: "#FFFCF5",_86 50: "#FFF8E",_86 100: "#FFF8E6",_86 200: "#FFEBB3",_86 300: "#FEDE80",_86 400: "#FED14D",_86 500: "#FEBF06",_86 600: "#DB7E24",_86 700: "#B75F19",_86 800: "#93440F",_86 900: "#7A3109",_86 main: "#FEBF06",_86};_86_86const error = {_86 25: "#FEF6F8",_86 50: "#FEF1F4",_86 100: "#FDE8ED",_86 200: "#FBD5DE",_86 300: "#F7A6BA",_86 400: "#F37795",_86 500: "#EF4770",_86 600: "#EB194C",_86 700: "#C0113C",_86 800: "#910D2D",_86 900: "#63091F",_86 main: "#EF4770",_86};_86_86const secondary = {_86 ...grey,_86 main: "#F1F5F9",_86};_86_86const info = {_86 light: "#F4F4FF",_86 main: "#8C8DFF",_86 dark: "#0C53B7",_86};