Skip to content

v0.8.0 — Minimal widget style

Latest

Choose a tag to compare

@willybahuaud willybahuaud released this 10 Jun 21:24

What's new

Minimal style

The default widget speaks the SaaS visual language — soft radii, subtle shadows, blue accent, green success state. That clashes with sober, editorial and high-end site designs. The new style: 'minimal' option switches to a monochrome ink-on-paper look:

  • 2px radii and 1px hairline borders
  • No shadows, no ripple
  • Black checked state with a white checkmark (inverted in dark: white box, dark check)

Style and theme are orthogonal axes that combine freely:

Gaitcha.init(form, '/captcha/init', {
    theme: 'auto',      // light | dark | auto
    style: 'minimal',   // default | minimal
});

Or via auto-init attributes:

<form data-gaitcha data-gaitcha-style="minimal" data-gaitcha-theme="auto">

Under the hood

  • The widget CSS is now fully tokenized (border width, inner radius, success glow, ripple color, checkmark color are CSS custom properties). The minimal variant only overrides tokens — zero visual change for existing integrations
  • data-gaitcha-theme and data-gaitcha-style HTML attributes are now supported by auto-init

See the README for details.