Top

Mixed Layout


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

mix layout

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.

Light Layout With Light Sidebar:

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

Light Layout With Light Sidebar
Light Layout With dark Sidebar:

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

Light Layout With dark Sidebar
Dark Layout With Dark Sidebar:

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

Dark Layout With Dark Sidebar