> 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/datta-able-vue/theme-config/theme-settings.md).

# Theme Settings

Manage the theme settings for Dark, Rtl and Preset color options.

The theme settings are located in the `config.ts` file.

### How to Set Dark Theme ?

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

```typescript
const config: ConfigProps = {
  sidebarCollapse: false,
  actTheme: 'dark', // Set dark here
  isRtl: false,
  presetColor: 'preset-1',
}
```

{% endcode %}

### How to Set RTL Layout ?

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

```typescript
const config: ConfigProps = {
  sidebarCollapse: false,
  actTheme: 'dark', 
  isRtl: true, // Set true here
  presetColor: 'preset-1',
}      
```

{% endcode %}

### How to Change Preset color ?

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

```typescript
const config: ConfigProps = {
  sidebarCollapse: false,
  actTheme: 'dark', 
  isRtl: true,
  presetColor: 'preset-1', // Change to preset-[1–9] to switch between available color presets
}        
```

{% endcode %}