Theme Demo

Theme in Action

This is a Card

This card component uses the theme's semantic variables. Its background is --bg-surface, its border is --border-default, and this paragraph text is --text-muted.

This is the --text-default colour. You can also have a primary link.

Full Palette Reference

Primary (Green)

Secondary (Brown)

Neutral - Warm

Neutral - Cool