Dark Mode

Using Tailwind CSS to style your site in dark mode.

Now that dark mode is a first-class feature of many operating systems, it’s becoming more and more common to design a dark version of your website to go along with the default design.

You can simply change layout mode to Dark by doing the below changes in the file src/slices/layouts/reducer.ts.

Simply set the attribute LAYOUT_MODE_TYPES.DARKMODE in reducer file. It will update the layout mode to Dark mode.

Data Mode
LAYOUT_MODE_TYPES.LIGHTMODE
LAYOUT_MODE_TYPES.DARKMODE