PrimaryButtonColorConfig: {
    background: string;
    text: string;
    border: string;
    successBackgroundColor?: PaymentSheet.ThemedColor;
    successTextColor?: PaymentSheet.ThemedColor;
}

Type declaration

  • background: string

    The background color used for the primary button in your PaymentSheet, represented as a hex string with format #RRGGBB or #AARRGGBB.

    The root appearance.colors.primary

  • text: string

    The color of the text for the primary button in your PaymentSheet, represented as a hex string with format #RRGGBB or #AARRGGBB.

    White or black, depending on the color of the button.
    
  • border: string

    The border color used for the primary button in your PaymentSheet, represented as a hex string with format #RRGGBB or #AARRGGBB.

    The System quaternary label on iOS, transparent on Android.
    
  • OptionalsuccessBackgroundColor?: PaymentSheet.ThemedColor

    The background color of the primary button when in a success state. Supports both single color strings and light/dark color objects.

    Green (#34C759 on iOS, system green on Android)
    
  • OptionalsuccessTextColor?: PaymentSheet.ThemedColor

    The text color of the primary button when in a success state. Supports both single color strings and light/dark color objects.

    White