Color
1. Override Colors
For any change in colors : /src/utils/theme/DefaultColors.tsx
primary: {
main: '#5D87FF',
light: '#ECF2FF',
dark: '#4570EA',
},
secondary: {
main: '#49BEFF',
light: '#E8F7FF',
dark: '#23afdb',
},
success: {
main: '#13DEB9',
light: '#E6FFFA',
dark: '#02b3a9',
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: '#5D87FF',
light: '#ECF2FF',
dark: '#4570EA',
contrastText: '#ffffff',
},
secondary: {
main: '#49BEFF',
light: '#E8F7FF',
dark: '#23afdb',
contrastText: '#ffffff',
},
},
},
3. Override Dark Theme Colors
For change , go to : src/utils/theme/DarkThemeColors.tsx
{
name: 'BLUE_THEME',
palette: {
primary: {
main: '#5D87FF',
light: '#253662',
dark: '#4570EA',
contrastText: '#ffffff',
},
secondary: {
main: '#49BEFF',
light: '#1C455D',
dark: '#23afdb',
contrastText: '#ffffff',
},
background: {
default: '#2A3447',
dark: '#2A3547',
paper: '#2A3447',
},
},
},