Hipster
Search…
⌃K

Theme Color

The Hipster 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 Hipster you can find out the configuration @src/@hpstr/utility/AppContextProvider/defaultConfig.js
You can change defaultTheme value according to your requirements.
He have some default theme options like below you can also change your color according the requirements
src/shared/constants/ColorSets.js
const colorSet = [
{
mode: 'light',
primary: {
main: '#2196F2',
},
secondary: {
main: '#FF4981',
},
background: backgroundLight,
text: textLight,
title: 'Light',
},
{
primary: {
main: '#2196F2',
},
secondary: {
main: '#FF4981',
},
background: backgroundDark,
text: textDark,
title: 'Dark',
},
{
mode: 'light',
primary: {
main: '#2745EA',
},
secondary: {
main: '#F9911C',
},
background: backgroundLight,
text: textLight,
title: 'Light-1',
},...
]