Themes

Adminto comes with multiple demos. i.e. vertical, and horizontal. Each of these skins are having respective dark mode available as well. You can switch to any of them by simply changing the value of a state variable.

1. How to change the default color scheme from light to dark?

Open src/redux/layout/reducer.ts file, and search for declaration of INIT_STATE. Here as a default layoutColor property, you can also specify LayoutColor.LAYOUT_COLOR_DARK. The respective mode would get activated.

  • To set Dark mode, open src/redux/layout/reducer.ts file, and search for declaration of INIT_STATE. Here as a default leftSideBarTheme property, you have to change its value to SideBarTheme.LEFT_SIDEBAR_THEME_DARK.
    As well, for the Default (Light) mode, open src/redux/layout/reducer.ts file, and search for declaration of INIT_STATE. Here as a default leftSideBarTheme property, you have to change its value to SideBarTheme.LEFT_SIDEBAR_THEME_LIGHT.

Adminto Default
Adminto Default - Light Mode

This is already set as a default. You don't need to do anything.

Adminto Default
Dark Mode

Specify default state parameter INIT_STATE's layoutColor property with LayoutColor.LAYOUT_COLOR_DARK