> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/tailwind-html/customizer/light-and-dark-layout.md).

# Light & Dark Layout

To make a Light / dark layout in the theme change value in "**/gulpfile.js**".

**To make Dark Layout in the theme change given below**

```javascript
const dark_layout = 'true';
```

**To make Light Layout in the theme change given below**

```javascript
const dark_layout = 'false';
```

**To make the Layout theme depend on the user's operating system**

```javascript
const dark_layout = 'default';
```

Automatically sets the **theme** based on the **user's operating system's color scheme.**

{% hint style="info" %}
**Light** layout is our **default** layout so if you want to use it then no need to change anything
{% endhint %}