In this section we are going to learn how to change the Theme style.

Changing the reducer file Settings.js

In this method, open the Settings.js file which you can find inside the src/appRedux/reducers/ folder.

Here in this file, you will find a initialSettings constant object

     
const initialSettings = {
    ....
  themeType: THEME_TYPE_SEMI_DARK,
    ...
};
  

The Theme Type property could have one of three values given below:

1. THEME_TYPE_LITE
   To set Lite Sidebar
2. THEME_TYPE_DARK
   To set Dark Theme
   
3. THEME_TYPE_SEMI_DARK
   To set Dark Sidebar
   

So, this is all about changing the vertical navigation style using Redux