Using the dark/light mode functionalities, we have created a few mixed layout modes.

In mix layout we have provided 3 options:

1. Light Layout With Light Sidebar
2. Light Layout With dark Sidebar
3. Dark Layout With Dark Sidebar

For applying the changes we change the value of the class property of the body tag.

For Light Layout With Light Sidebar: class='light-only'

For Light Layout With Dark Sidebar: class='dark-sidebar'

For Dark Layout With Dark Sidebar: class='dark-only'