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.js in JS and src/slices/layouts/reducer.ts file in TS folder. (For Redux-Toolkit with Thunk version)

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 src/Components/constants/layout.js file for JavaScript or the src/Components/constants/layout.ts file for TypeScript. Specifically, for JavaScript, update the line to read layoutThemeType : layoutThemeTypes.DEFAULT, and for TypeScript, make the adjustment to 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