Color

1. Override Colors

For any change in colors : src/utils/theme/DefaultColors.tsx
                            
primary: {
  main: '#0085db',
  light: '#e5f3fb',
  dark: '#0085db', 
},
secondary: {
  main: '#707a82',
  light: '#e7ecf0',
  dark: '#707a82',
},
success: {
  main: '#4bd08b',
  light: '#dffff3',
  dark: '#4bd08b',
  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: '#0085db',
      light: '#e5f3fb',
      dark: '#0085db',
      contrastText: '#ffffff',
    },
    secondary: {
      main: '#707a82',
      light: '#e7ecf0',
      dark: '#707a82',
      contrastText: '#ffffff',
    },
  },
},
                          
                      

3. Override Dark Theme Colors

For change , go to : src/utils/theme/DarkThemeColors.tsx
                            
{
  name: 'BLUE_THEME',
  palette: {
    primary: {
      main: '#0085db',
      light: '#253662',
      dark: '#0085db',
      contrastText: '#ffffff',
    },
    secondary: {
      main: '#707a82',
      light: '#1C455D',
      dark: '#707a82',
      contrastText: '#ffffff',
    },
    background: {
      default: '#15263A',
      dark: '#15263A',
      paper: '#111C2D',
    },
  },
},