# 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](https://phoenixcoded.gitbook.io/saasable-tailwind/customizer/preset-colors) 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 %}