Header
Use the following CSS properties for theming the editor header.
.Container {
--puck-header-color-bg: #1e293b;
--puck-header-color-text: #f8fafc;
}CSS properties
Defaults shown as var(--puck-...) reference global tokens. See computed values for the values they resolve to.
| Token | Default | Description |
|---|---|---|
--puck-header-color-bg | var(--puck-color-surface) | Background color |
--puck-header-color-text | var(--puck-color-text) | Text color |