Type Alias GlobalColorConfig

GlobalColorConfig: {
    primary: string;
    background: string;
    componentBackground: string;
    componentBorder: string;
    componentDivider: string;
    primaryText: string;
    secondaryText: string;
    componentText: string;
    placeholderText: string;
    icon: string;
    error: string;
}

Type declaration

  • primary: string

    A primary color used throughout your PaymentSheet, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    The System blue color on iOS, and "#007AFF" (light) / "#0074D4" (dark) on Android.
  • background: string

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

    Default

    The System background color on iOS, and "#ffffff" (light) / "#2e2e2e" (dark) on Android.
  • componentBackground: string

    The color used for the background of inputs, tabs, and other components in your PaymentSheet, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    The System background color (light) / System secondary background color (dark) on iOS, and "#ffffff" (light) / "#a9a9a9" (dark) on Android.
  • componentBorder: string

    The color used for the external border of inputs, tabs, and other components in your PaymentSheet, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    The System gray (3) color on iOS, and "#33787880" (light) / "#787880" (dark) on Android.
  • componentDivider: string

    The color used for the internal border (meaning the border is shared with another component) of inputs, tabs, and other components in your PaymentSheet, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    The System gray (3) color on iOS, and "#33787880" (light) / "#787880" (dark) on Android.
  • primaryText: string

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

    Default

    The System label color on iOS, and "#000000" (light) / "#ffffff" (dark) on Android.
  • secondaryText: string

    The color of the label text of input fields, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    The System seconday label color on iOS, and "#000000" (light) / "#ffffff" (dark) on Android.
  • componentText: string

    The color of the input text in your PaymentSheet components, such as the user's card number or zip code, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    "#000000"
  • placeholderText: string

    The color of the placeholder text of input fields, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    The System label color on iOS, and "#99000000" (light) / "#99ffffff" (dark) on Android.
  • icon: string

    The color used for icons in your Payment Sheet, such as the close or back icons, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    The System seconday label color on iOS, and "#99000000" (light) / "#ffffff" (dark) on Android.
  • error: string

    The color used to indicate errors or destructive actions in your Payment Sheet, represented as a hex string with format #RRGGBB or #AARRGGBB.

    Default

    The System red color on iOS, and "#ff0000" (light) / "#ff0000" (dark) on Android.

Settings

Member Visibility