Customization
Themes (light/dark)
AppStack includes two stylesheets, one for dark mode & one for light mode.
Light mode:
<link href="{PATH}/dist/css/light.css" rel="stylesheet">Dark mode:
<link href="{PATH}/dist/css/dark.css" rel="stylesheet">Color scheme, sidebar, layout
You are able to customize the layout of the page by adjusting the data attributes on the body element in your HTML files.
The following options are available:
| Name | Options (blue is default) | Description |
|---|---|---|
| theme | default, colored, dark, light | Color scheme |
| layout | fluid, boxed | Container layout system |
| sidebar-position | left, right | Position of the sidebar |
| sidebar-behavior | sticky, fixed, compact | Behavior of the sidebar |
<body data-theme="default" data-layout="fluid" data-sidebar-position="left" data-sidebar-behavior="sticky">