---
title: "Layout background classes"
description: "The `bg-layout-*` classes that set a page background from the color system."
url: https://docs.systhema.app/next/reference/utilities/layout
version: unreleased (main)
docs_index: https://docs.systhema.app/next/llms.txt
---

<!-- generated by pnpm docs:generate; do not edit -->

| Class                   | Styles                                                  |
| ----------------------- | ------------------------------------------------------- |
| `bg-layout-main`        | `background-color: var(--color-layout-bg-main);`        |
| `bg-layout-alternative` | `background-color: var(--color-layout-bg-alternative);` |