hope-uiearly-preview
Theme Creator

Make hope yours

Pick a color family per role and a corner radius. See it render live across real hope components, then export a ready-to-paste theme.css that redefines every token.

Primaryviolet

Brand color — buttons, links, focus.

Neutralneutral

Grays — surfaces, text, borders.

Advanced — status colors
Successgreen

Positive / confirmation.

Infosky

Neutral information.

Warningamber

Caution / needs attention.

Dangerred

Errors / destructive actions.

Radius
Live preview

Buttons · variants

Buttons · roles

Buttons · sizes & states

Badges

SolidSoftSubtleOutlineLivePendingError7

Alerts

Close button · surface-adaptive

On a surface
On primary

Composed surface

Project theme
Preview across surfaces
Ready

Elevation, text ramp, borders and role colors all resolve from the tokens you picked.