> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/datta/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/datta/color-preset.md).

# Color Preset

Edit & choose your desired 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 %}