Dark Mode Setting

To switch the layout mode to Dark, you can easily make the following adjustments within the src/slices/layouts/reducer.ts file.

You can enable Dark Mode by setting the attribute layoutModeTypes to layoutModeTypes: LAYOUT_MODE_TYPES.DARK, within the src/slices/layouts/reducer.ts file. There were no need to make changes in style or other files.

Attribute Value
layoutModeTypes 
layoutModeTypes: LAYOUT_MODE_TYPES.DARK,

Light Mode Setting

To switch the layout mode to Light, you can easily make the following adjustments within the src/slices/layouts/reducer.ts file.

You can enable Light Mode by setting the attribute layoutModeTypes to layoutModeTypes: LAYOUT_MODE_TYPES.LIGHT, within the src/slices/layouts/reducer.ts file. There were no need to make changes in style or other files.

Attribute Value
layoutModeType 
layoutModeType: LAYOUT_MODE_TYPES.LIGHT,

Verticle Mode Setting

To switch the layout type to Verticle, you can easily make the following adjustments within the src/slices/layouts/reducer.ts file.

You can enable Verticle type by setting the attribute layoutTypes to layoutTypes: LAYOUT_TYPES.VERTICAL within the src/slices/layouts/reducer.ts file. There were no need to make changes in style or other files.

Attribute Value
layoutType 
layoutTypes: LAYOUT_TYPES.VERTICAL,

Horizontal Mode Setting

To switch the layout type to Horizontal, you can easily make the following adjustments within the src/slices/layouts/reducer.ts file.

You can enable Horizontal type by setting the attribute layoutTypes to layoutTypes: LAYOUT_TYPES.HORIZONTAL within the src/slices/layouts/reducer.ts file. There were no need to make changes in style or other files.

Attribute Value
layoutType 
layoutType: LAYOUT_TYPES.HORIZONTAL,
© Skote.