Dark Mode Setting

To switch the layout mode to Dark, you can easily make the following adjustments within the src/state/pinia/layout.js file.

You can enable Dark Mode by setting the attribute mode to mode: "dark" within the src/state/pinia/layout.js file. There were no need to make changes in style or other files.

Attribute Value
mode 
mode: "dark",

Light Mode Setting

To switch the layout mode to Light, you can easily make the following adjustments within the src/state/pinia/layout.js file.

You can enable Light Mode by setting the attribute mode to mode: "light" within the src/state/pinia/layout.js file. There were no need to make changes in style or other files.

Attribute Value
mode 
mode: "light",

Verticle Mode Setting

To switch the layout type to Verticle, you can easily make the following adjustments within the src/state/pinia/layout.js file.

You can enable Verticle type by setting the attribute layoutType to layoutType: "vertical" within the src/state/pinia/layout.js file. There were no need to make changes in style or other files.

Attribute Value
layoutType 
layoutType: "vertical",

Horizontal Mode Setting

To switch the layout type to Horizontal, you can easily make the following adjustments within the src/state/pinia/layout.js file.

You can enable Horizontal type by setting the attribute layoutType to layoutType: "horizontal" within the src/state/pinia/layout.js file. There were no need to make changes in style or other files.

Attribute Value
layoutType 
layoutType: "horizontal",

Dark Mode Setting

To switch the layout mode to Dark, you can easily make the following adjustments within the /js/mixins/layouts.mixin.js file.

You can enable Dark Mode by setting the attribute mode to mode: "dark" within the /js/mixins/layouts.mixin.js file. There were no need to make changes in style or other files.

Attribute Value
mode 
mode: "dark",

Light Mode Setting

To switch the layout mode to Light, you can easily make the following adjustments within the /js/mixins/layouts.mixin.js file.

You can enable Light Mode by setting the attribute mode to mode: "light" within the /js/mixins/layouts.mixin.js file. There were no need to make changes in style or other files.

Attribute Value
mode 
mode: "light",

Verticle Mode Setting

To switch the layout type to Verticle, you can easily make the following adjustments within the /js/mixins/layouts.mixin.js file.

You can enable Verticle type by setting the attribute type to type: "vertical" within the /js/mixins/layouts.mixin.js file. There were no need to make changes in style or other files.

Attribute Value
type 
type: "vertical",

Horizontal Mode Setting

To switch the layout type to Horizontal, you can easily make the following adjustments within the /js/mixins/layouts.mixin.js file.

You can enable Horizontal type by setting the attribute type to type: "horizontal" within the /js/mixins/layouts.mixin.js file. There were no need to make changes in style or other files.

Attribute Value
type 
type: "horizontal",
© Skote.