Skip to content

Dark/Light mode

Payment pages created via the API (invoices and checkout) support Dark, Light, and System modes, so you can match the look and brand style of your own website.

How to use it

Pass the mode in the page URL using the theme query string. For example:

Supported values:

  • ?theme=light — Light mode.
  • ?theme=dark — Dark mode.
  • ?theme=system — automatically selects Light or Dark based on the user's device or browser settings.

Default mode setting

When the URL has no theme parameter, the project's default mode applies. Choose it in the Dark/Light mode field on your project's Settings page in the dashboard.

Next steps