Color
1. Override Colors
For any change in colors : /src/utils/theme/DefaultColors.tsx
primary: {
main: "#1B84FF",
light: "#EDF5FD",
dark: "#1B84FF",
},
secondary: {
main: "#43CED7",
light: "#F2FCFC",
dark: "#43CED7",
},
success: {
main: "#2cd07e",
light: "#EDFDF2",
dark: "#2cd07e",
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: '#1e88e5',
light: '#d6ecff',
dark: '#1e88e5',
contrastText: '#ffffff',
},
secondary: {
main: '#21c1d6',
light: '#e4f7f9',
dark: '#21c1d6',
contrastText: '#ffffff',
},
},
},
3. Override Dark Theme Colors
For change , go to : src/utils/theme/DarkThemeColors.tsx
{
name: 'BLUE_THEME',
palette: {
primary: {
main: '#1e88e5',
light: '#253662',
dark: '#1e88e5',
contrastText: '#ffffff',
},
secondary: {
main: '#21c1d6',
light: '#1C455D',
dark: '#21c1d6',
contrastText: '#ffffff',
},
background: {
default: '#2A3447',
dark: '#2A3547',
paper: '#2A3447',
},
},
},