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',
},
},
},