Sveltekit Docs v2.2.0
Layouts

Layouts covers all theme configuration settings if you want to apply manually in project.

Layouts Options

Add the following class in your body tag for updating layout.

class="vertical"

class="vertical detached"

Sidebar Colors Option

Add the following attribute in your html tag for sidebar colors.

data-sidebar="light"

data-sidebar="dark"

data-sidebar="brand"

Detached Colors Option

Add the following attribute in your html tag for sidebar colors.

data-sidebar="light"

data-sidebar="dark"

data-sidebar="brand"