---
description: >-
  Datta Abble come up with 6+ theme color presets. You can now change the
  available color presets by doing the following steps:
---

# Color Preset

Edit & choose your desire preset colour setting in **`src\config`** the file. Change the `customColor`value to `preset-1, preset-2 to preset-8`

{% tabs %}
{% tab title="VITE (TS)" %}
{% code title="src/config.ts" %}
```typescript
...
// types
import { DefaultConfigProps } from 'types/config';
...

const config: DefaultConfigProps = {
    ...
    customColor: 'preset-1', // preset-1 , preset-2 upto preset-8
    ...
};

export default config;
```
{% endcode %}
{% endtab %}

{% tab title="VITE (JS)" %}
{% code title="src/config.js" %}
```javascript
...

const config = {
    ...
    customColor: 'preset-1', // preset-1 , preset-2 upto preset-8
    ...
};

export default config;
```
{% endcode %}
{% endtab %}
{% endtabs %}
