Color

1. Override Colors

For any change in colors : src/utils/theme/DefaultColors.tsx
                            
success: {
    main: '#70C748',
    light: '#93D97326',
    contrastText: '#ffffff',
  },
  info: {
    main: '#539BFF',
    light: '#EBF3FE',
    contrastText: '#ffffff',
  },
  error: {
    main: '#EF4444',
    light: '#EF444426',
    contrastText: '#ffffff',
  },
  warning: {
    main: '#F6B51E',
    light: '#F6B51E26',
    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: 'GREEN_THEME',
  palette: {
    primary: {
      main: '#053b25',
      light: '#053b2526',
      dark: '#032919',
      contrastText: '#ffffff',
    },
    secondary: {
      main: '#c2fd75',
      light: '#c2fd754d',
      dark: '#87b151',
      contrastText: '#ffffff',
    },
  },
},
                          
                      

3. Override Dark Theme Colors

For change , go to : src/utils/theme/DarkThemeColors.tsx
                            
{
  name: 'GREEN_THEME',
  palette: {
    primary: {
      main: '#053b25',
      light: '#70c74899',
      dark: '#032919',
      contrastText: '#ffffff',
    },
    secondary: {
      main: '#c2fd75',
      light: '#c2fd754d',
      dark: '#87b151',
      contrastText: '#ffffff',
    },
    background: {
      default: '#141a18',
      dark: '#2A3547',
      paper: '#030e09',
    },
  },
},