Normal
White section
Four-sided square border
Container Section Token
A solid theme-aware section fill for spaces defined by page-header seams. It keeps the container surface, adds a border on all four sides, and keeps corners square for exact structure filling.
Foundation Token
Container Section Surface
--token-container-section-background / --colour-primary-30
Dark
Dark section
Uses the dark theme surface
Desert
Desert section
Uses the desert theme surface
Success
Success section
Uses
--colour-success-10
Error
Error section
Uses
--colour-error-10
Warning
Warning section
Uses
--colour-warning-10