Checkout Themes

Your Page Designer theme carries into the checkout flow. Your brand colors, font, and button styles apply automatically when attendees register. Checkout styling is theme-wide, so you can't style individual checkout elements.

How It Works

Theme loading

The system loads the layout assigned to the event and applies its theme before rendering checkout pages.

Token precedence

The layout's color variables take precedence over legacy Event Settings when a layout is present.

Fallback

If the event has no layout of its own, checkout uses your organization's default layout theme. The event's own color and font settings are not used for Page Designer events.

What Is Themed

Primary button colors, hover states, and text contrast throughout checkout
Page and card background colors
Text colors (primary, secondary, muted) on all checkout text
Form field backgrounds, borders, and labels
Font family across all checkout text
Border radius on cards and buttons
Order summary, success/failure pages, and Attendee link pages (check-in, Sessions, confirmation, cancellation)

⚠️ Checkout styling applies through theme-wide settings. You can't override individual checkout components.