# Color Presets

Mantis come up with 6+ theme color presets. You can now change the available color presets by doing the following steps:

Color Preset files are available in **`src\themes\theme\`** directory.

{% tabs %}
{% tab title="src\themes\theme" %}

```
..
├── default.js
├── theme1.js
├── ..
├── ..
├── ..
├── theme8.js
```

{% endtab %}
{% endtabs %}

Edit & Choose your desire preset color setting in **`src\config.js`** file. Change the **`presetColor`** value to `theme1, theme2 to theme6`

{% tabs %}
{% tab title="JavaScript" %}
{% code title="config.js" %}

```javascript
const config = {
    ...
    presetColor: 'default', // default, theme1, theme2 to theme8 available
    ...
    ...
    ...
}
```

{% endcode %}
{% endtab %}

{% tab title="TypeScript" %}
{% code title="config.ts" %}

```typescript
import { PaletteMode } from '@material-ui/core';

const config: {
    ...
    theme: PaletteMode;
    ...
} = {
    ...
    presetColor: 'default', // default, theme1, theme2, theme3 upto theme8
    ...
};

export default config;
```

{% endcode %}
{% endtab %}
{% endtabs %}