---
description: Layout Variants
---

# 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 %}
