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

# Theme Configuration

#### 1. Open this file: `src/app/app-config.ts`

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

```javascript
export class BerryDefaultConfig {
  static layout = 'vertical'; // vertical, horizontal, compact
  static isCollapse_menu = false; // true, false
  static isDarkMode = false; // true, false;
  static sidebar_caption_hide = false; // true, false
  static theme_color = 'preset-1'; // present-1, present-2, present-3, present-4, present-5, present-6, present-7
  static font_family = 'Roboto'; // Roboto, Poppins, Inter
  static isRtl_layout = false; // true, false
  static isBox_container = true; // true, false
  static isLanding = false; // true
  static i18n = 'en'; // en, fr, ro, cn
}

export const DASHBOARD_PATH = '/default';
export const APP_TITLE = 'Berry Angular Admin Template';
```

{% endcode %}

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

<table data-header-hidden><thead><tr><th>Option</th><th>Default</th><th width="138">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>compact</code>, <code>horizontal,</code></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>isDarkMode</strong></td><td>false</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>sidebar_caption_hide</strong></td><td>false</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>theme_color</strong></td><td>preset-1</td><td>String</td><td><code>present-1, present-2, present-3, present-4, present-5, present-6, present-7</code></td></tr><tr><td><strong>font_family</strong></td><td>Roboto</td><td>String</td><td><code>Roboto, Poppins, Inter</code></td></tr><tr><td><strong>isRtl_layout</strong></td><td>false</td><td>Boolean</td><td><code>true</code>, <code>false</code></td></tr><tr><td><strong>isBox_container</strong></td><td>true</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</code>, <code>fr</code>, <code>ro</code>, <code>cn</code></td></tr></tbody></table>