Choose a version:

CheckoutBrandingColorScheme

object

Requires access to checkout branding settings and the shop must be on a Plus plan or a Development store plan.

A base set of color customizations that's applied to an area of Checkout, from which every component pulls its colors.

Anchor to FieldsFields

Anchor to basebase •CheckoutBrandingColorRoles: The main colors of a scheme. Used for the surface background, text, links, and more.
Anchor to controlcontrol •CheckoutBrandingControlColorRoles: The colors of form controls, such as the TextField and ChoiceList components.
Anchor to primaryButtonprimaryButton •CheckoutBrandingButtonColorRoles: The colors of the primary button. For example, the main payment, or Pay now button.
Anchor to secondaryButtonsecondaryButton •CheckoutBrandingButtonColorRoles: The colors of the secondary button, which is used for secondary actions. For example, Buy again.

Was this section helpful?