---
title: "Checkout Themes"
slug: "checkout-themes"
updated: 2026-10-20T19:32:25Z
published: 2026-10-20T19:32:25Z
canonical: "docs.blackthorn.io/checkout-themes"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 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.