Though it is not recommended to work on the computer in the dark , but in case the user is working in those conditions, it is essential to protect the eyes from the bright light of the screen. To make sure user has a great experience using this site, we have provided dark mode.

You can find Home Page on the right side of every page.

There are multiple customizations, we will talk about all individually.

Layout Types:

How dark layout apply to the theme?

To toggle the between dark and light layout, we just have to make sure that we add "dark" class in the body tag when the dark layout is activated and remove it when it is deactivated.

Layout With "dark" class added:

Layout With "light" class added:

To adjust the Theme Mode:

Front-end layout: Go to Store Front => Theme Options => General Tab

Back-end layout: Visit Settings => General Tab.