Sidebar
Use the following CSS properties for theming the left and right sidebar panels.
.Container {
--puck-sidebar-left-color-bg: #f5f5f7;
--puck-sidebar-right-color-bg: #ffffff;
}CSS properties
Defaults shown as var(--puck-...) reference global tokens. See computed values for the values they resolve to.
| Token | Default | Description |
|---|---|---|
--puck-sidebar-left-color-bg | var(--puck-color-surface-subtle) | Left panel background |
--puck-sidebar-right-color-bg | var(--puck-color-surface) | Right panel background |