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">