Theme Editor

Customize the color palette, shape, and typography. Changes apply instantly across the whole demo site.

Primary #1976d2

Secondary #9c27b0

Error #d32f2f

Warning #ed6c02

Info #0288d1

Success #2e7d32

Border Radius 4px

Spacing Unit 8px

Export JSON

Apply JSON

Reset

Buttons

Primary

Secondary

Outlined

Text

Status Buttons

Error

Warning

Info

Success

Chips

Alerts

This is an info alert.

This is a success alert.

This is a warning alert.

This is an error alert.

Card

Card Title

Card content reflects the current theme palette and shape settings.

Action

Secondary

Form Controls

Avatar & Badge