RecurX's smart theme detector reads your active theme's CSS variables (--color-button, --color-button-text, surface bg) and proposes a palette that passes WCAG AA contrast.
How it works
- Known themes shortcut — Dawn ≥ 12, Sense, Refresh, Origin: RecurX uses canonical palettes baked in. No CSS reads.
- Generic detection — for unknown themes, RecurX inspects the live storefront DOM in a hidden iframe and probes accent / surface vars.
- WCAG validation — every candidate is checked against background contrast at 4.5:1. Failed candidates are dropped, never applied.
Use it
In Widget editor, click Match my theme. RecurX populates the color pickers. Tweak any field manually if you want to override.
Why a candidate may be rejected
- Low contrast against card background.
- Theme uses very light brand color on a white surface — WCAG can't pass 4.5:1, so RecurX falls back to a darker neutral.
- Heavily customized themes that don't expose standard CSS vars — manual entry required.