# Theme Configuration

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

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

```javascript
export class MantisConfig {
  static layout = 'vertical'; // vertical, horizontal, compact
  static isCollapseMenu = false;
  static theme_color = 'preset-1'; // present-1, present-2, present-3, present-4, present-5, present-6, present-7, preset-8, preset-9
  static isLanding = true;
  static isRtlLayout = false; // false, true
  static isDarkMode = false; // false, true
  static isBox_container = true; // false, true
  static font_family = 'public-sans'; // public-sans, Roboto, Poppins, Inter
  static i18n = 'en'; // en, ro, fr, cn
}

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>