Customization

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

Example

Swift
Objective-C
let flowTheme = AuthenteqFlow.instance.theme
flowTheme.primaryColor = .blue
flowTheme.textColor = .black
flowTheme.screenBackgroundColor = .white
flowTheme.viewBackgroundHightlightColor = .lightGray
flowTheme.selectedButtonTextColor = .black
flowTheme.selectedButtonBackgroundColor = .white
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