Crema React
Search…
Crema React
v-3
About Crema
Overview
Crema Overview
Folder Structure
GitHub Access
Slack Community
Figma File
Development
Installation
Route Overview
Add New Route
Auth User
Authentication Methods
API Calls
Multilingual
Style Framework
MUI
Theme Color
Sidebar Configuration
Navigation Style
Footer Configuration
Template Mode
Template Direction
Next-Js
About Next.JS
Folder Structure
Installing Next jS
Authentication
Add New Route
Deploy to server
FAQ
React Bootstrap
About React-Bootstrap
Styled Framework
RTL
Dark Theme
ANT Design
About Crema Ant
Style Framework
Servers
Python
Laravel
Mongoose
Credits
Crema V-2
Powered By
GitBook
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!
Development - Previous
Style Framework
Next - MUI
Sidebar Configuration
Last modified
4mo ago
Copy link