> 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/django/customizer/light-and-dark-layout.md). # Light & Dark Layout To make a Light / dark layout in the theme change value in layout files located at Admin/views/layouts"**main-layout.html**, **auth-layout.html, component-layout.html**". **To make Dark Layout in the theme change given below** ```cshtml data-pc-theme="dark" at : ``` **To make Light Layout in the theme change given below** ```cshtml data-pdata-pc-theme="dark" at : ``` {% hint style="info" %} **Light** layout is our **default** layout so if you want to use it then no need to change anything {% endhint %}