> 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-layouts.md).

# Theme Layouts

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

## Main Layouts

{% tabs %}
{% tab title="Default / Vertical" %}

* layout: `vertical`
* isCollapseMenu: `false`
* isDarkMode: `false`
* isRtlLayout: `false`
* isBox\_container: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
  {% endtab %}

{% tab title="Horizontal" %}

* layout: `horizontal`
* isCollapseMenu: `false`
* isDarkMode: `false`
* isRtlLayout: `false`
* isBox\_container: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
  {% endtab %}

{% tab title="Compact" %}

* layout: `compact`
* isCollapseMenu: `false`
* isDarkMode: `false`
* isRtlLayout: `false`
* isBox\_container: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
  {% endtab %}
  {% endtabs %}

## Theme Layouts

{% tabs %}
{% tab title="Dark Layout" %}

* layout: `vertical/horizontal/compact`
* isCollapseMenu: `false`
* isDarkMode: `true`
* isRtlLayout: `false`
* isBoxContainer: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
  {% endtab %}

{% tab title="RTL Layout" %}

* layout: `vertical/compact`
* isCollapseMenu: `false`
* isDarkMode: `false`
* isRtlLayout: `true`
* isBoxContainer: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
  {% endtab %}
  {% endtabs %}
