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