Theme Setup

How to use pre-built layout theme?

You can change the template as per your requirements. To configure it, we will use reducer.js. you can find the file src/slices/layouts/reducer.ts file.

To switch the layout theme type in Velzon, you must specify the desired layout style as "Default." This can be achieved by modifying the layoutThemeType value within the js/Components/constants/layout.ts file. Specifically, for JavaScript, update the line to read layoutThemeType : LAYOUT_THEME_TYPES.DEFAULT in the respective file.

image layoutThemeTypes.DEFAULT
image layoutThemeTypes.SAAS
image layoutThemeTypes.MATERIAL
image layoutThemeTypes.GALAXY
image layoutThemeTypes.CORPORATE
image layoutThemeTypes.MINIMAL
image layoutThemeTypes.CREATIVE
image layoutThemeTypes.MODERN
image layoutThemeTypes.INTERACTIVE
image layoutThemeTypes.CLASSIC
image layoutThemeTypes.VINTAGE