iOS Styling

This page documents a legacy SDK. Starting a new integration? Use the Yuno SDK. Already on a legacy SDK? Follow the migration guide.The new Yuno SDK (Web v2.x, iOS v3.x, Android v3.x) replaces the Full, Lite, Seamless, Render, Headless, and Secure Fields SDKs with one API across every platform. Legacy SDKs remain supported side by side during the transition and are scheduled for deprecation in 2027. Contact your Account Manager for migration planning.

Modify Yuno iOS SDK styles (font, button, color) by setting appearance fields. Use these to match your app brand and improve consistency. For all iOS SDK parameters and config options, see iOS SDK Common Reference.

Appearance configuration

Available customization fields:

Field	Description
`fontFamily`	Specifies the font family used in the SDK. Provide the font filename used in your app, ensuring it matches your app’s assets.
`accentColor`	Defines the accent color used in several SDK elements.
`buttonBackgroundColor`	Sets the background color for the primary buttons.
`buttonTitleColor`	Determines the text color for the primary buttons.
`buttonBorderColor`	Specifies the border color for the primary buttons.
`secondaryButtonBackgroundColor`	Sets the background color for the secondary buttons.
`secondaryButtonTitleColor`	Determines the text color for the secondary buttons.
`secondaryButtonBorderColor`	Specifies the border color for the secondary buttons.
`disableButtonBackgroundColor`	Sets the background color for buttons that are off.
`disableButtonTitleColor`	Determines the text color for buttons that are off.

Color ConfigurationEnsure all colors are specified as UIColor to maintain compatibility. Colors can be sourced from Xcode’s predefined palette or the merchant’s assets, but they must always be of type UIColor.

Use the Yuno.Appearance() function to define a variable with all your customizations to control the appearance. Then inform it when initializing the SDK:

let appearance = Yuno.Appearance(
    fontFamily: "Climate Crisis",
    accentColor: UIColor.orange, 
    buttonBackgroundColor: UIColor.yellow, 
    buttonTitleColor: UIColor.black, 
    buttonBorderColor: UIColor.black,
    secondaryButtonBackgroundColor: UIColor.yellow,
    secondaryButtonTitleColor: UIColor.black,
    secondaryButtonBorderColor: UIColor.black,
    disableButtonBackgroundColor: UIColor.gray,
    disableButtonTitleColor: UIColor.black
)

Yuno.initialize(
    apiKey: apiKey,
    config: YunoConfig(appearance: appearance)
)

Usage examples

Example (two appearance customizations):

Example 1 (left)

let appearance = Yuno.Appearance(
    fontFamily: "Climate Crisis",
    accentColor: UIColor.black, 
    buttonBackgroundColor: UIColor.black, 
    buttonTitleColor: UIColor.white
)

Yuno.initialize(
    apiKey: apiKey,
    config: YunoConfig(appearance: appearance)
)

Example 2 (right)

let appearance = Yuno.Appearance(
    fontFamily: "Climate Crisis",
    accentColor: UIColor.orange, 
    buttonBackgroundColor: UIColor.orange, 
    buttonTitleColor: UIColor.white
)

Yuno.initialize(
    apiKey: apiKey,
    config: YunoConfig(appearance: appearance)
)

Address autocomplete

Merchants can turn address autocomplete capability on or off in the iOS SDK. When it’s on, the SDK automatically fills address fields based on postal code lookup. When it’s off, users must manually enter all address information.

Overview

Seamless SDK

Lite SDK

Headless SDK

Card Enrollment

Additional Features

Resources

Additional Platforms

Web Frameworks

Validate your integration

External Native Modules

Appearance configuration

Usage examples

Address autocomplete

​Appearance configuration

​Usage examples

​Address autocomplete

Appearance configuration

Usage examples

Address autocomplete