Widgets

/

language

Theme

Named colours and fonts exposed as tokens (CSS variables --layr-color-<name>, --layr-font-<name>). .dark(...) overrides colours when the system is in dark mode; font: <name> on Text uses a theme font.

Example

LAYR
Theme(
  .colors(
    ink: #0d0d0d
    paper: #fdfdfd
  )
  .dark(
    ink: #fdfdfd
    paper: #0d0d0d
  )
  .font(body: 'Geist')
)

Modifiers

.colors · .dark · .font

Privacy

Cookies

Terms

Contact & grievances