Crema React
Search…
v-3
Development
MUI
React Bootstrap
ANT Design
Theme Color
The Crema uses MUI's theming by default. You can create theme color schemes with defining theme configuration objects.
The Crema uses MUI's theming by default. You can create theme color schemes with defining theme configuration objects.
For the configuration options checkout Material UI's configuration https://mui.com/customization/theming/
In the Crema you can find out the configuration @src/@crema/utility/AppContextProvider/defaultConfig.js
You can change defaultTheme value according to your requirements.
He has some default theme options like below you can also change your color according the requirements
1
src/shared/constants/ColorSets.js
2
3
const colorSet = [
4
{
5
mode: 'light',
6
primary: {
7
main: '#2196F2',
8
},
9
secondary: {
10
main: '#FF4981',
11
},
12
background: backgroundLight,
13
text: textLight,
14
title: 'Light',
15
},
16
{
17
primary: {
18
main: '#2196F2',
19
},
20
secondary: {
21
main: '#FF4981',
22
},
23
background: backgroundDark,
24
text: textDark,
25
title: 'Dark',
26
},
27
{
28
mode: 'light',
29
primary: {
30
main: '#2745EA',
31
},
32
secondary: {
33
main: '#F9911C',
34
},
35
background: backgroundLight,
36
text: textLight,
37
title: 'Light-1',
38
},...
39
]
Copied!
Last modified 4mo ago
Copy link