Customization

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

Example

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

A visual representation of these properties are available in section UI Customization.

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
successColor	UIColor	Color for success flow symbols
font	UIFont	Font for text
boldFont	UIFont	Font for bold text
identificationInstructionImageForSelfie	UIImage	Custom image for liveness 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