Customization
Theme (dark/light), Layout & Sidebar
You are able to customize the theme, layout & sidebar of the page by adjusting the data attributes on the html element
in your HTML files.
The following options are available:
| Name | Options (blue is default) | Description |
|---|---|---|
| bs-theme | light, dark | Bootstrap color mode |
| layout | fluid, boxed | Container layout system |
| sidebar-theme | dark, colored, light | Sidebar color scheme |
| sidebar-position | left, right | Position of the sidebar |
| sidebar-behavior | sticky, fixed, compact | Behavior of the sidebar |
<html data-bs-theme="light" data-layout="fluid" data-sidebar-theme="dark" data-sidebar-position="left" data-sidebar-behavior="sticky">