Color

1. Override Colors

For any change in colors : /src/utils/theme/DefaultColors.tsx
                            
primary: {
  main: "#1B84FF",
  light: "#EDF5FD",
  dark: "#1B84FF",
},
secondary: {
  main: "#43CED7",
  light: "#F2FCFC",
  dark: "#43CED7",
},
success: {
  main: "#2cd07e",
  light: "#EDFDF2",
  dark: "#2cd07e",
  contrastText: "#ffffff",
},
                          
                      
To change primary and secondary color you have to change in 2 files, which is explain below:

2. Override Light Theme Colors

For change , go to : src/utils/theme/LightThemeColors.tsx
                            
{
name: 'BLUE_THEME',
palette: {
  primary: {
    main: '#1e88e5',
    light: '#d6ecff',
    dark: '#1e88e5',
    contrastText: '#ffffff',
  },
  secondary: {
    main: '#21c1d6',
    light: '#e4f7f9',
    dark: '#21c1d6',
    contrastText: '#ffffff',
  },
},
},
                          
                      

3. Override Dark Theme Colors

For change , go to : src/utils/theme/DarkThemeColors.tsx
                            
{
name: 'BLUE_THEME',
palette: {
  primary: {
    main: '#1e88e5',
    light: '#253662',
    dark: '#1e88e5',
    contrastText: '#ffffff',
  },
  secondary: {
    main: '#21c1d6',
    light: '#1C455D',
    dark: '#21c1d6',
    contrastText: '#ffffff',
  },
  background: {
    default: '#2A3447',
    dark: '#2A3547',
    paper: '#2A3447',
  },
},
},