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-themeanddata-gaitcha-styleHTML attributes are now supported by auto-init
See the README for details.