Documentation
API ReferenceChangelogFAQDashboard

Theme guide for iOS

The guide below is to show the Theme options on the screens they are applied to. See Theme API for the usage details.

General

metrics.commonStatusBarStyle images.iconClose colors.navigationBarItem metrics.preferredCloseBarItemStyle metrics.preferredCloseBarItemAlignment colors.backgroundCommon metrics.activityIndicatorStyle colors.contentNeutral fonts.caption colors.contentWeak metrics.screenHorizontalMargin fonts.caption colors.contentWeak

Buttons

colors.primaryButtonContent colors.primaryButtonBackground colors.primaryButtonContentHighlighted colors.primaryButtonBackgroundHighlighted colors.primaryButtonContentDisabled colors.primaryButtonBackgroundDisabled fonts.subtitle1 metrics.buttonCornerRadius metrics.buttonHeight metrics.buttonBorderWidth colors.secondaryButtonContent colors.secondaryButtonBackground colors.secondaryButtonContentHighlighted colors.secondaryButtonBackgroundHighlighted colors.secondaryButtonContentDisabled colors.secondaryButtonBackgroundDisabled

Input fields

colors.fieldPlaceholder fonts.subtitle2 colors.fieldBackground colors.fieldBorder metrics.fieldCornerRadius metrics.fieldBorderWidth colors.fieldContent colors.fieldTint

Alerts

colors.alertTint

Status screen

Anatomy

metrics.screenHeaderAlignment fonts.headline1 colors.contentStrong fonts.subtitle2 colors.contentNeutral fonts.headline1 colors.contentStrong fonts.subtitle2 colors.contentNeutral metrics.verificationStepCardStyle metrics.cardCornerRadius metrics.cardBorderWidth fonts.caption colors.contentNeutral colors.contentLink

Initial

images.verificationStepIcons colors.contentWeak colors.backgroundNeutral fonts.subtitle1 colors.contentStrong fonts.body colors.contentNeutral

Incomplete

colors.contentWarning colors.backgroundWarning

Prending

colors.contentWarning colors.backgroundWarning

Temporarily declined

colors.contentSuccess colors.backgroundSuccess images.iconDisclosure colors.backgroundCritical colors.contentCritical

Finally rejected

images.pictureFailure

Approved

images.pictureSuccess

DocType selector

fonts.headline2 colors.contentStrong metrics.sectionHeaderAlignment metrics.selectedCountryCardStyle fonts.subtitle1 colors.contentStrong colors.backgroundNeutral metrics.documentTypeCardStyle images.iconDisclosure colors.contentWeak images.iconDisclosure colors.contentWeak fonts.caption colors.contentNeutral colors.contentLink

Countries screen

images.iconSearch colors.contentWeak Input Field colors.listSelectedItemBackground colors.contentNeutral fonts.subtitle2 colors.contentNeutral colors.listSeparator

Instructions screen

Do/Don't

Screen Header fonts.subtitle1 colors.contentSuccess fonts.body colors.contentNeutral colors.backgroundNeutral colors.contentCritical metrics.instructionsImages

Single

Screen Header metrics.instructionsImages fonts.headline2 colors.contentStrong fonts.body colors.contentNeutral

Camera screen

Shooting

images.iconTorchOn images.iconTorchOff colors.cameraBackground colors.cameraContent images.iconGallery colors.bottomSheetHandle colors.bottomSheetBackground fonts.headline2 colors.contentStrong fonts.body colors.contentNeutral

Info

Video screen

Countdown

fonts.headline1 colors.contentStrong fonts.subtitle1 colors.contentStrong fonts.headline1 colors.contentInfo metrics.viewportBorderWidth colors.contentWeak fonts.headline1 colors.contentNeutral

Recording

colors.contentCritical

Processing

Preview screen

Photo

images.iconRotate colors.navigationBarItem fonts.headline2 colors.contentStrong fonts.subtitle2 colors.contentNeutral

Video

images.iconPlay

Uploading

Warnings

images.iconWarning colors.contentWarning colors.bottomSheetHandle metrics.bottomSheetCornerRadius fonts.subtitle2 colors.contentNeutral colors.bottomSheetBackground fonts.subtitle2 colors.contentStrong

MRTDScan screen

Screen Header fonts.subtitle1 colors.contentStrong

FaceScan screen

Loading

Positioning

colors.contentSuccess metrics.viewportBorderWidth fonts.headline2 colors.contentStrong

Scanning

Processing

Failed

images.pictureFailure fonts.headline2 colors.contentStrong fonts.subtitle2 colors.contentNeutral

Submitted

images.pictureSubmitted

Success

images.pictureSuccess

Applicant data screen

Screen Header colors.contentCritical fonts.subtitle2 colors.contentStrong fonts.subtitle2 colors.contentNeutral colors.fieldPlaceholder colors.listSeparator

Confirmation Screen

Phone

Screen Header Input Field metrics.fieldHeight images.iconDropdown colors.contentWeak

Email

Screen Header Input Field metrics.fieldHeight

Enter code

images.iconBack colors.navigationBarItem Screen Header Input Field metrics.fieldHeight fonts.headline1 colors.contentStrong

Invalid code

Screen Header colors.contentCritical Secondary Button (without border) fonts.subtitle2

Questionnaire screen

Anatomy

Screen Header fonts.headline2 colors.contentStrong fonts.subtitle2 colors.contentNeutral fonts.subtitle1 colors.contentStrong fonts.subtitle2 colors.contentNeutral colors.contentCritical

Input fields

Input Field images.iconCalendar colors.contentWeak images.iconDropdown colors.contentWeak

Options

fonts.subtitle2 colors.contentNeutral colors.listSeparator images.iconRadioButtonOff images.iconRadioButtonOn images.iconCheckboxOff images.iconCheckboxOn

Attachments

images.iconPicture colors.contentWeak fonts.subtitle2 colors.contentNeutral images.iconBin colors.contentCritical metrics.fieldCornerRadius colors.contentWeak fonts.subtitle2 colors.contentLink images.iconAttachment colors.contentWeak

Support screen

Screen Header metrics.supportItemCardStyle fonts.subtitle1 colors.contentStrong fonts.body colors.contentNeutral images.iconMail colors.contentWeak

ToS screen

fonts.headline1 colors.contentStrong fonts.body colors.contentNeutral

Oops screen

Fatal

images.pictureFailure fonts.headline2 colors.contentStrong fonts.subtitle2 colors.contentNeutral colors.contentLink

Network

images.pictureWarning

Wordless

sns_OopsScreenWordlessFatalFailImage sns_OopsScreenWordlessNetworkFailImage sns_OopsScreenWordlessGoBackButtonImage sns_OopsScreenWordlessRetryButtonImage

Updated over 1 year ago