> For the complete documentation index, see [llms.txt](https://docs.cremawork.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cremawork.com/v-3/mui/theme-color.md).

# 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/&#x20>;

In the Crema you can find out the configuration @src/@crema/utility/AppContextProvider/defaultConfig.js

&#x20;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

```javascript
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',
  },...
]
```