Skip to Content
Version 1Themes

Themes

Create a theme asset:

Assets > Create > Leeveel > Lui > Theme

Assign it to LuiDocumentHost.

Theme controls:

  • brand colors: primary, secondary, danger, warning, success
  • custom named colors
  • global SDF font asset or legacy font
  • named font families for font-{name}
  • text sizes
  • text outline defaults
  • box shadow presets
  • text shadow defaults
  • radius scale
  • spacing unit
  • responsive thresholds
  • breakpoints
  • border default color
  • focus ring color, width, and offset

Named Colors

Custom colors can be used anywhere colors resolve:

bg-accent text-accent border-accent/50 ring-accent

Named Fonts

Named fonts become font-{name} utilities:

Lui.Text("Title", "font-display text-4xl")

SDF font assets are recommended. Legacy fonts are supported as fallback.

Last updated on