Customization

You can customize the AuthenteqFlow appearance with a custom color scheme by instantiat a newAuthenteqFlowTheme class.

Example

Swift
Objective-C
Swift
let flowTheme = AuthenteqFlow.instance.theme
flowTheme.primaryColor = .blue
flowTheme.textColor = .black
flowTheme.screenBackgroundColor = .white
flowTheme.viewBackgroundHightlightColor = .lightGray
flowTheme.selectedButtonTextColor = .black
flowTheme.selectedButtonBackgroundColor = .white
Objective-C
AuthenteqFlowTheme *theme = [[AuthenteqFlow instance] theme];
[theme setPrimaryColor: [UIColor blueColor]];
[theme setTextColor: [UIColor blackColor]];
[theme setScreenBackgroundColor: [UIColor whiteColor]];
[theme setViewBackgroundHightlightColor: [UIColor lightGrayColor]];
[theme setSelectedButtonTextColor: [UIColor blackColor]];
[theme setSelectedButtonBackgroundColor: [UIColor whiteColor]];

Elements Description

Property name

Type

Description

primaryColor

UIColor

Main color of your scheme

textColor

UIColor

Text color

screenBackgroundColor

UIColor

Background color for all screens

viewBackgroundHighlightColor

UIColor

Color for some highlighted area in screen background

separatorColor

UIColor

Color for table view cells separator

selectedButtonTextColor

UIColor

Color for selected buttons text

selectedButtonBackgroundColor

UIColor

Background color for selected buttons

font

UIFont

Font for text

boldFont

UIFont

Font for bold text

identificationInstructionImageForSelfie

UIImage

Custom image for Selfie Authentication instructions. We recommend using images smaller than 300dp

identificationInstructionImageForPassport

UIImage

Custom image for passport scan instructions. We recommend using images smaller than 300dp

identificationInstructionImageForDriverLicense

UIImage

Custom image for driver's license scan instructions. We recommend using images smaller than 300dp

identificationInstructionImageForIdCard

UIImage

Custom image for ID card scan instructions. We recommend using images smaller than 300dp

identificationNfcSymbolCheck

AnyObject

Custom image/animation for NFC chip presence verification instructions in the document.

Value can be UIImage or NSURL for MPEG/Lottie file animation.

identificationNfcInstruction

AnyObject

Custom image/animation for NFC document scan instructions.

Value can be UIImage or NSURL for MPEG/Lottie file animation.

identificationNfcScanInside

AnyObject

Custom image/animation for NFC document inside scan instructions.

Value can be UIImage or NSURL for MPEG/Lottie file animation.

identificationInstructionImageForProofOfAddress

UIImage

Custom image for proof of address scan instructions. We recommend using images smaller than 300dp

identificationIconForIdDocument

UIImage

Custom icon for ID document. We recommend using images smaller than 250dp

identificationIconForProofOfAddress

UIImage

Custom icon for proof of address. We recommend using images smaller than 250dp