Documentation
¶
Overview ¶
Package theme provides the framework's default page theme — the visual identity for any app built via core-ui (or its consumers like kiln). Hosts get token-driven palette/spacing/typography out of the box, plus utility classes (kiln-section, kiln-card, kiln-button, kiln-grid-*, …) that reference canonical theme tokens.
A host can override individual tokens by passing a custom Theme to PageTheme — every utility class re-resolves to the new value, so a single token swap re-skins the whole app.
Index ¶
Constants ¶
This section is empty.
Variables ¶
This section is empty.
Functions ¶
func PageCSS ¶
PageCSS builds the kiln-page stylesheet by resolving canonical theme tokens through core-ui/style. Output:
- :root CSS custom properties (every canonical token)
- body.kiln-app reset + base typography
- Layout primitives: kiln-container[-{sm,md,lg}], kiln-section[-{soft,inverse}]
- Stacks/rows/grids: kiln-stack[-{sm,lg}], kiln-row[-{end,between,wrap}], kiln-grid-{2,3,4,auto}
- Components: kiln-card[-soft], kiln-button[-{secondary,ghost}], kiln-nav, kiln-footer, kiln-pill, kiln-quote, kiln-hero, kiln-eyebrow
- Default styles for native form controls + tables on body.kiln-app
Class names use the kiln- prefix for backwards compatibility with pages already authored against them. The framework owns these names going forward.
Types ¶
This section is empty.
Source Files