# Theme Layout

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

## Main Layouts

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

* layout: `vertical`
* isDarkMode: `light`
* isRtlLayout: `false`
* isBox\_container: `false`
* theme\_color: `blue-theme`
* theme\_contrast: false
* menu\_caption:  `false`
* i18n: `en`
  {% endtab %}

{% tab title="Dark Layout" %}

* layout: `vertical`
* isDarkMode: `dark`
* isRtlLayout: `false`
* isBox\_container: `false`
* theme\_color: `blue-theme`
* theme\_contrast: `false`
* menu\_caption:  `false`
* i18n: `en`
  {% endtab %}
  {% endtabs %}

## Theme Layouts

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

* layout: `vertical`
  {% endtab %}

{% tab title="Horizontal Layout" %}

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

{% tab title="Compact Menu" %}

* layout: `Compact`
  {% endtab %}

{% tab title="RTL Layout" %}

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