> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/gradient-able-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/gradient-able-angular/theme-configuration.md).

# Theme Configuration

Menu/Layout Customize Options

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

```javascript
export class GradientConfig {
  static layout = 'vertical'; // vertical, horizontal
  static subLayout = ''; // horizontal-2
  static isCollapse_menu = false; // true
  static layoutType = 'menu-light'; // menu-dark, menu-light, dark
  static header_back_color = 'header-blue'; // header-blue, header-red, header-purple, header-info, header-dark, header-orange
  static isRtlLayout = false; // true
  static nav_fixed_layout = true; // false
  static header_fixed_layout = true; // false
  static isBoxLayout = false; // true
  static i18n = 'en'; // en, fr, ro, cn
}

export const DASHBOARD_PATH = 'dashboard/analytics';
export const DOCS_LINK = 'https://codedthemes.gitbook.io/gradient-able-angular';
```

{% endcode %}

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

<table data-header-hidden><thead><tr><th width="209">Option</th><th>Default</th><th>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>horizontal</code></td></tr><tr><td><strong>subLayout</strong></td><td>-</td><td>String</td><td><code>horizontal-2</code> (only used for layout is horizontal)</td></tr><tr><td><strong>isCollapse_menu</strong></td><td>false</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>layoutType</strong></td><td>menu-light</td><td>String</td><td><code>menu-dark</code>, <code>menu-light</code>, <code>dark</code></td></tr><tr><td><strong>header_back_color</strong></td><td>header-blue</td><td>String</td><td><code>header-blue</code>, <code>header-red</code>, <code>header-purple</code>, <code>header-info</code>, <code>header-dark</code>, <code>header-orenge</code>, <code>header-green</code>, <code>header-yellow</code>, <code>header-orchidgreen</code>, <code>header-indigogreen</code>, <code>header-darkgreen</code>, <code>header-darkblue</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>nav_fixied_layout</strong></td><td>true</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>header_fixied_layout</strong></td><td>true</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>isBox Layout</strong></td><td>false</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, fr, ro, cn</code></td></tr></tbody></table>