Theming

The embed accepts three theme tokens that override its default dark palette. All three accept any CSS color value.

HelaMesh.mount('#checkout', {
  invoiceId: 'abc123',
  publishableKey: 'pk_test_…',
  theme: {
    accentColor: '#3b82f6',     // buttons, hover states, badge accents
    backgroundColor: '#0f172a', // card background
    textColor: '#f1f5f9',       // primary text
  },
});

The theme tokens are applied via CSS variables on the embed root, which are then consumed by the embed's stylesheet. Phase 2 will expose more granular tokens (border colors, success/danger, font family) — these three cover the 95% case.

Try it live

You can test the embed visually with live theme controls in the Embed demo page in your dashboard. It generates ready-to-paste integration code as you tweak the colors.