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