Theme playground

Change colours, corners and font; the editor updates live. Copy the result as props or CSS. See Theming for how it works.

Mode
Accent
Colours
Shape and type
Contrast (WCAG AA needs 4.5)

Button text on accent5.5 ✓

Text on bars16.9 ✓

Muted text on bars7.2 ✓

Drop an image here

PNG, JPEG, WebP, GIF or AVIF

0
<ImageEditor
  theme="dark"
  themeOverrides={{}}
/>