> 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/theme-config.md).

# Theme/Style Configuration

## Theme Background

{% tabs %}
{% tab title="preset-1" %}
{% code title="src/config.ts" %}

```javascript
const config = {
  'customColor': 'preset-1'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-2" %}
{% code title="src/config.ts" %}

```javascript
const config = {
  'customColor': 'preset-2'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-3" %}
{% code title="src/config.ts" %}

```javascript
const config = {
  'customColor': 'preset-3'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-4" %}
{% code title="src/config.ts" %}

```javascript
const config = {
  'customColor': 'preset-4'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-5" %}
{% code title="src/config.ts" %}

```javascript
const config = {
  'customColor': 'preset-5'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-6" %}
{% code title="src/config.ts" %}

```javascript
const config = {
  'customColor': 'preset-6'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-7" %}
{% code title="src/config.ts" %}

```javascript
const config = {
  'customColor': 'preset-7'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-8" %}
{% code title="src/config.ts" %}

```javascript
const config = {
  'customColor': 'preset-8'
}

export default config;
```

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

## Header Background

{% tabs %}
{% tab title="preset-1" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'headerColor': 'preset-1'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-2" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'headerColor': 'preset-2'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-3" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'headerColor': 'preset-3'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-4" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'headerColor': 'preset-4'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-5" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'headerColor': 'preset-5'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-6" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'headerColor': 'preset-6'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-7" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'headerColor': 'preset-7'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-8" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'headerColor': 'preset-8'
}

export default config;
```

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

## Navbar Background

{% tabs %}
{% tab title="preset-1" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'navbarColor': 'preset-1'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-2" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'navbarColor': 'preset-2'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-3" %}
{% code title="src/config.js" %}

```javascript
 const config = {
  'navbarColor': 'preset-3'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-4" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'navbarColor': 'preset-4'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-5" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'navbarColor': 'preset-5'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-6" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'navbarColor': 'preset-6'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-7" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'navbarColor': 'preset-7'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-8" %}
{% code title="src/config.js" %}

```javascript
const config = {
  'navbarColor': 'preset-8'
}

export default config;
```

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

## Menu Background Image

{% tabs %}
{% tab title="preset-1" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarImg': 'preset-1'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-2" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarImg': 'preset-2'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-3" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarImg': 'preset-3'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-4" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarImg': 'preset-4'
}

export default config;
```

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

## Logo Background

{% tabs %}
{% tab title="preset-1" %}
{% code title="src\config\constant.js" %}

```javascript
const config = {
  'logoColor': 'preset-1'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-2" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'logoColor': 'preset-2'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-3" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'logoColor': 'preset-3'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-4" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'logoColor': 'preset-4'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-5" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'logoColor': 'preset-5'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-6" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'logoColor': 'preset-6'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-7" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'logoColor': 'preset-7'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-8" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'logoColor': 'preset-8'
}

export default config;
```

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

## Menu Caption (title) Colour

{% tabs %}
{% tab title="preset-1" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarCaptionColor': 'preset-1'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-2" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarCaptionColor': 'preset-2'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-3" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarCaptionColor': 'preset-3'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-4" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarCaptionColor': 'preset-4'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-5" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarCaptionColor': 'preset-5'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-6" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarCaptionColor': 'preset-6'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-7" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarCaptionColor': 'preset-7'
}

export default config;
```

{% endcode %}
{% endtab %}

{% tab title="preset-8" %}
{% code title="src\config.js" %}

```javascript
const config = {
  'navbarCaptionColor': 'preset-8'
}

export default config;
```

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