> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/saasable-tailwind/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/saasable-tailwind/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';
```

{% hint style="info" %}
If you change theme layout then make sure to change preset color value according to layout type check [Preset Color](/saasable-tailwind/customizer/preset-colors.md) Configuration
{% endhint %}

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