# 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`
* layout\_type: `menu-light`
* headerBackColor: `header-default`
* isRtlLayout: `false`
* isBoxlayout: `false`
* isNavFixedLayout: `true`
* navBackColor: `navbar-default`
* navBackImage:  `false`
* navActiveListColor: `active-default`
  {% endtab %}

{% tab title="Horizontal" %}

* layout: `horizontal`
* isRtlLayout: `False`
  {% endtab %}

{% tab title="Dark Layout" %}

* layout: `vertical/horizontal`
* layout\_type: `dark`
* headerBackColor: `header-dark`
* navBackColor: `navbar-default`
  {% endtab %}
  {% endtabs %}

## Vertical Layouts

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

* layout: `vertical`

{% endtab %}

{% tab title="Collapsed Menu" %}

* layout: `vertical`
* isCollapseMenu: `true`
  {% endtab %}

{% tab title="RTL Layout" %}

* layout: `vertical`
* isRtlLayout: `true`
  {% endtab %}
  {% endtabs %}