> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/mantis-angular/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/mantis-angular/theme-configuration.md).

# Theme Configuration

#### ../src/app/app-config.ts

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

```javascript
import { ConfigService, ConfigState } from './theme/shared/service/config.service';

export const MantisDefaultConfig: ConfigState = {
  layout: 'vertical', // vertical, horizontal, compact
  isCollapseMenu: false,
  theme_color: 'preset-1', // present-1, present-2, present-3, present-4, present-5, present-6, present-7, preset-8, pre
  isLanding: true,
  isRtlLayout: false, // false, true
  isDarkMode: false, // false, true
  isBox_container: false, // false, true
  font_family: 'public-sans', // public-sans, Roboto, Poppins, Inter
  i18n: 'en' // en, ro, fr, c
};

export const APP_TITLE = 'Mantis Angular Admin Template';
export const BUY_NOW = 'https://codedthemes.com/item/mantis-angular-admin-template/';
export const DASHBOARD_PATH = '/dashboard/default';
export const DOCUMENTATION_PATH = 'https://codedthemes.gitbook.io/mantis-angular';
```

{% endcode %}

{% hint style="info" %}
You can edit this file at **`[ src/app/app-config.ts ]`**
{% endhint %}

<table data-header-hidden><thead><tr><th>Option</th><th>Default</th><th width="138">Data Type</th><th>Description</th></tr></thead><tbody><tr><td><strong>Option</strong></td><td><strong>Default</strong></td><td><strong>Data Type</strong></td><td><strong>Description</strong></td></tr><tr><td><strong>layout</strong></td><td>vertical</td><td>String</td><td><code>vertical</code>, <code>compact</code>, <code>horizontal,</code></td></tr><tr><td><strong>isCollapseMenu</strong></td><td>false</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>isDarkMode</strong></td><td>false</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>theme_color</strong></td><td>preset-1</td><td>String</td><td><code>present-1, present-2, present-3, present-4, present-5, present-6, present-7, preset-8, preset-9</code></td></tr><tr><td><strong>font_family</strong></td><td>public-sans</td><td>String</td><td><code>Roboto, Poppins, Inter, public-sans</code></td></tr><tr><td><strong>isRtlLayout</strong></td><td>false</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>isBox_container</strong></td><td>true</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>i18n</strong></td><td>en</td><td>string</td><td><code>en, ro, fr, cn</code></td></tr></tbody></table>