---
updatedAt: 2026-03-04T17:43:25.000Z
agentTools:
  projectIndex: https://docs.sumsub.com/llms.txt
---

# Theme API for iOS

Use theme API to fully customize all visual aspects of the iOS SDK.

[Theme options](https://docs.sumsub.com/sumsub/docs/customization#theme) are named to express their semantic and used in many different places across the [iOS SDK](https://docs.sumsub.com/sumsub/docs/get-started-ios), so be aware that changing them may affect many elements at once.

For convenience, the options are split into the corresponding sections:

* [Fonts](#fonts)
* [Colors](#colors)
* [Images](#images)
* [Metrics](#metrics)

## Fonts

### headline1

```swift
theme.fonts.headline1: UIFont
```

Used for screen titles in conjunction with [`colors.contentStrong`](#contentstrong) mostly.

Default is *System Bold, 24pt*.

### headline2

```swift
theme.fonts.headline2: UIFont
```

Used for section titles in conjunction with [`colors.contentStrong`](#contentstrong) mostly.

Default is *System Bold, 20pt*.

### subtitle1

```swift
theme.fonts.subtitle1: UIFont
```

Used for subtitles in conjunction with [`colors.contentStrong`](#contentstrong) mostly.

Default is *System Semibold, 18pt*.

### subtitle2

```swift
theme.fonts.subtitle2: UIFont
```

Used for subtitles in conjunction with [`colors.contentNeutral`](#contentneutral) mostly.

Default is *System Regular, 16pt*.

### body

```swift
theme.fonts.body: UIFont
```

Used for paragraphs, text fields, and so on, in conjunction with [`colors.contentNeutral`](#contentneutral) mostly.

Default is *System Regular, 14pt*.

### caption

```swift
theme.fonts.caption: UIFont
```

Used for minor captions in conjunction with [`colors.contentWeak`](#contentweak) mostly.

Default is *System Regular, 12pt*.

## Colors

## Common

### navigationBarItem

```swift
theme.colors.navigationBarItem: UIColor
```

Navigation bar items tinting color. Used for the close button only at the moment.

Default is <span style="color:#94A0B8;">●</span> *#94A0B8* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 40%* for the dark appearance.

### alertTint

```swift
theme.colors.alertTint: UIColor
```

Used for the system alert actions and the toolbar buttons.

Default is <span style="color:#1693E9;">●</span> *#1693E9* and <span style="color:#1485D1;">●</span> *#1485D1* for the dark appearance.

### toolbarTint

```swift
theme.colors.toolbarTint: UIColor
```

Used for the toolbars' buttons.

Default is <span style="color:#5C6B8A;">●</span> *#5C6B8A* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 60%* for the dark appearance.

### toolbarBackground

```swift
theme.colors.toolbarBackground: UIColor?
```

Used as a background color for the toolbars.

Default is `nil`, the system background color is applied.

## Backgrounds

### backgroundCommon

```swift
theme.colors.backgroundCommon: UIColor
```

Used for almost all the screens as the background color (the exception is the Camera Screen, see [`cameraBackground`](#cameraBackground)).

Default is <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF* and <span style="color:#1E232E;">●</span> *#1E232E* for the dark appearance.

### backgroundNeutral

```swift
theme.colors.backgroundNeutral: UIColor
```

Used as a background state color for the verification steps and as a main background color for the [`.filled`](#snscardstyle)-style cards.

Default is <span style="color:#F6F7F9;;-webkit-text-stroke: 0.5px #bbb;">●</span> *#F6F7F9* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 7%* for the dark appearance.

### backgroundInfo

```swift
theme.colors.backgroundInfo: UIColor
```

*Not used at the moment.*

Default is <span style="color:#E8F4FD;">●</span> *#E8F4FD* and <span style="color:#072F4B;">●</span> *#072F4B* for the dark appearance.

### backgroundSuccess

```swift
theme.colors.backgroundSuccess: UIColor
```

Used as a background state color for the verification steps and as a background color for the auto-generated [`images.pictureSuccess`](#picturesuccess).

Default is <span style="color:#18B494;">●</span> *#18B494 with alpha 12%* and <span style="color:#18B494;">●</span> *#18B494 with alpha 30%* for the dark appearance.

### backgroundWarning

```swift
theme.colors.backgroundWarning: UIColor
```

Used as a background state color for the verification steps and as a background color for the auto-generated [`images.pictureWarning`](#picturewarning) and [`images.pictureSubmitted`](#picturesubmitted).

Default is <span style="color:#F2AA0D;">●</span> *#F2AA0D with alpha 13%* and <span style="color:#F2AA0D;">●</span> *#F2AA0D with alpha 30%* for the dark appearance.

### backgroundCritical

```swift
theme.colors.backgroundCritical: UIColor
```

Used as a background state color for the verification steps and as a background color for the auto-generated [`images.pictureFailure`](#picturefailure).

Default is <span style="color:#F05C5C;">●</span> *#F05C5C with alpha 12%* and <span style="color:#F05C5C;">●</span> *#F05C5C with alpha 30%* for the dark appearance.

## Content

### contentLink

```swift
theme.colors.contentLink: UIColor
```

Used for the text links.

Default is <span style="color:#1693E9;">●</span> *#1693E9* and <span style="color:#1485D1;">●</span> *#1485D1* for the dark appearance.

### contentStrong

```swift
theme.colors.contentStrong: UIColor
```

Used as a foreground color for the headlines and some subtitles.

Default is <span style="color:#333C4D;">●</span> *#333C4D* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 85%* for the dark appearance.

### contentNeutral

```swift
theme.colors.contentNeutral: UIColor
```

Used as a foreground color for the text body, some subtitles and the accessory elements.

Default is <span style="color:#5C6B8A;">●</span> *#5C6B8A* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 60%* for the dark appearance.

### contentWeak

```swift
theme.colors.contentWeak: UIColor
```

Used as a foreground color for the minor captions and the light accessory elements.

Default is <span style="color:#94A0B8;">●</span> *#94A0B8* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 40%* for the dark appearance.

### contentInfo

```swift
theme.colors.contentInfo: UIColor
```

Used for the Video Screen's viewport border only at the moment.

Default is <span style="color:#1693E9;">●</span> *#1693E9* and <span style="color:#1485D1;">●</span> *#1485D1* for the dark appearance.

### contentSuccess

```swift
theme.colors.contentSuccess: UIColor
```

Used as a foreground state color for the verification steps and as a foreground color for the auto-generated [`images.pictureSuccess`](#picturesuccess).

Default is <span style="color:#18B494;">●</span> *#18B494*.

### contentWarning

```swift
theme.colors.contentWarning: UIColor
```

Used as a foreground state color for the verification steps and as a foreground color for the auto-generated [`images.pictureWarning`](#picturewarning) and [`images.pictureSubmitted`](#picturesubmitted).

Default is <span style="color:#E6A00B;">●</span> *#E6A00B*.

### contentCritical

```swift
theme.colors.contentCritical: UIColor
```

Used as a foreground state color for the verification steps and as a foreground color for the auto-generated [`images.pictureFailure`](#picturefailure).

Default is <span style="color:#F05C5C;">●</span> *#F05C5C*.

## Primary Button

### primaryButtonBackground

```swift
theme.colors.primaryButtonBackground: UIColor
```

The primary button background color in the normal state.

Default is <span style="color:#1693E9;">●</span> *#1693E9* and <span style="color:#1485D1;">●</span> *#1485D1* for the dark appearance.

### primaryButtonBackgroundHighlighted

```swift
theme.colors.primaryButtonBackgroundHighlighted: UIColor
```

The primary button background color in the highlighted state.

Default is <span style="color:#1485D1;">●</span> *#1485D1* and <span style="color:#0B4A75;">●</span> *#0B4A75* for the dark appearance.

### primaryButtonBackgroundDisabled

```swift
theme.colors.primaryButtonBackgroundDisabled: UIColor
```

The primary button background color in the disabled state.

Default is <span style="color:#A1D2F7;">●</span> *#A1D2F7* and <span style="color:#072F4B;">●</span> *#072F4B* for the dark appearance.

### primaryButtonContent

```swift
theme.colors.primaryButtonContent: UIColor
```

The primary button foreground color in the normal state.

Default is <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 85%* for the dark appearance.

### primaryButtonContentHighlighted

```swift
theme.colors.primaryButtonContentHighlighted: UIColor
```

The primary button foreground color in the highlighted state.

Default is <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 85%* for the dark appearance.

### primaryButtonContentDisabled

```swift
theme.colors.primaryButtonContentDisabled: UIColor
```

The primary button foreground color in the disabled state.

Default is <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF* and <span style="color:#0B4A75;">●</span> *#0B4A75* for the dark appearance.

## Secondary Button

### secondaryButtonBackground

```swift
theme.colors.secondaryButtonBackground: UIColor
```

The secondary button background color in the normal state.

Default is the *clear color*.

### secondaryButtonBackgroundHighlighted

```swift
theme.colors.secondaryButtonBackgroundHighlighted: UIColor
```

The secondary button background color in the highlighted state.

Default is <span style="color:#E8F4FD;">●</span> *#E8F4FD* and <span style="color:#072F4B;">●</span> *#072F4B* for the dark appearance.

### secondaryButtonBackgroundDisabled

```swift
theme.colors.secondaryButtonBackgroundDisabled: UIColor
```

The secondary button background color in the disabled state.

Default is the *clear color*.

### secondaryButtonContent

```swift
theme.colors.secondaryButtonContent: UIColor
```

The secondary button foreground color in the normal state.

Default is <span style="color:#1693E9;">●</span> *#1693E9* and <span style="color:#1485D1;">●</span> *#1485D1* for the dark appearance.

### secondaryButtonContentHighlighted

```swift
theme.colors.secondaryButtonContentHighlighted: UIColor
```

The secondary button foreground color in the highlighted state.

Default is <span style="color:#1693E9;">●</span> *#1693E9* and <span style="color:#1485D1;">●</span> *#1485D1* for the dark appearance.

### secondaryButtonContentDisabled

```swift
theme.colors.secondaryButtonContentDisabled: UIColor
```

The secondary button foreground color in the disabled state.

Default is <span style="color:#A1D2F7;">●</span> *#A1D2F7* and <span style="color:#0B4A75;">●</span> *#0B4A75* for the dark appearance.

## Card

### cardPlainBackground

```swift
theme.colors.cardPlainBackground: UIColor
```

Used as a background color for the cards with [`.plain`](#snscardstyle) card style.

Default is `nil`.

### cardBorderedBackground

```swift
theme.colors.cardBorderedBackground: UIColor
```

Used as a background color for the cards with [`.bordered`](#snscardstyle) card style.

Default is `nil`.

## Camera

### cameraBackground

```swift
theme.colors.cameraBackground: UIColor
```

The Camera Screen background color.

Default is <span style="color:#1E232E;">●</span> *#1E232E*.

### cameraBackgroundOverlay

```swift
theme.colors.cameraBackgroundOverlay: UIColor
```

The Camera Screen overlay background color.

Default is <span style="color:#1E232E;">●</span> *#1E232E with alpha 75%*.

### cameraContent

```swift
theme.colors.cameraContent: UIColor
```

Used as a tint color for the elements placed on the Camera Screen such as the gallery button, the touch button, and so on.

Default is <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF*.

## Fields

### fieldBackground

```swift
theme.colors.fieldBackground: UIColor
```

The background color of the input fields. Used for text fields.

Default is <span style="color:#F6F7F9;;-webkit-text-stroke: 0.5px #bbb;">●</span> *#F6F7F9* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 7%* for the dark appearance.

### fieldBackgroundInvalid

```swift
theme.colors.fieldBackgroundInvalid: UIColor
```

The background color of the input fields marked as invalid. Used for text fields.

Default is the [`colors.backgroundCritical`](#backgroundcritical) color.

### fieldBorder

```swift
theme.colors.fieldBorder: UIColor
```

The border color of the input fields. Used for text fields.

Default is the *clear color*.

### fieldPlaceholder

```swift
theme.colors.fieldPlaceholder: UIColor
```

The placeholder color of the input fields. Used for text fields.

Default is <span style="color:#94A0B8;">●</span> *#94A0B8* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 40%* for the dark appearance.

### fieldContent

```swift
theme.colors.fieldContent: UIColor
```

The content color of the input fields. Used for text fields.

Default is <span style="color:#333C4D;">●</span> *#333C4D* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 85%* for the dark appearance.

### fieldTint

```swift
theme.colors.fieldTint: UIColor
```

The tint color of the input fields. Used for text fields, checkboxes and radio buttons.

Default is <span style="color:#1693E9;">●</span> *#1693E9* and <span style="color:#1485D1;">●</span> *#1485D1* for the dark appearance.

## List

### listSeparator

```swift
theme.colors.listSeparator: UIColor
```

The list separator color.

Default is <span style="color:#D1D6E1;">●</span> *#D1D6E1* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 20%* for the dark appearance.

### listSelectedItemBackground

```swift
theme.colors.listSelectedItemBackground: UIColor
```

The background color of the selected list item.

Default is <span style="color:#F6F7F9;;-webkit-text-stroke: 0.5px #bbb;">●</span> *#F6F7F9* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 7%* for the dark appearance.

## Bottom Sheet

### bottomSheetHandle

```swift
theme.colors.bottomSheetHandle: UIColor
```

The foreground color of the bottom sheet handle.

Note that the handle can be both inside (on [`bottomSheetBackground`](#bottomsheetbackground) color) and outside (on the [`backgroundCommon`](#backgroundсommon) color) of the bottom sheet.

Default is <span style="color:#D1D6E1;">●</span> *#D1D6E1* and <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF with alpha 20%* for the dark appearance.

### bottomSheetBackground

```swift
theme.colors.bottomSheetBackground: UIColor
```

The background color of the bottom sheet.

Default is <span style="color:#ffffff;-webkit-text-stroke: 0.5px #bbb;">●</span> *#FFFFFF* and <span style="color:#333C4D;">●</span> *#333C4D* for the dark appearance.

## Images

## Icons

### iconClose

```swift
theme.images.iconClose: UIImage
```

Used for the close bar button across all the screens.

Default is a *cross icon*.

### iconBack

```swift
theme.images.iconBack: UIImage?
```

Used for the back bar button.

Default is a *back arrow icon*. Setting to `nil` forces the system back button to be used instead.

### iconSearch

```swift
theme.images.iconSearch: UIImage
```

Used for the search bar.

Default is a *magnifying glass icon*.

### iconDisclosure

```swift
theme.images.iconDisclosure: UIImage
```

Used to indicate the disclosability.

Default is a *simple disclosing arrow icon*.

### iconDropdown

```swift
theme.images.iconDropdown: UIImage
```

Used for dropdown fields.

Default is *a down arrow icon*.

### iconCalendar

```swift
theme.images.iconCalendar: UIImage
```

Used for date fields.

Default is *a calendar icon*.

### iconAttachment

```swift
theme.images.iconAttachment: UIImage
```

Used for attachments fields when the field is empty.

Default is *a clip icon*.

### iconPicture

```swift
theme.images.iconPicture: UIImage
```

Used for attachments fields when the document is attached.

Default is *a picture icon*.

### iconBin

```swift
theme.images.iconBin: UIImage
```

Used for attachments fields when the document can be removed.

Default is *a trash bin icon*.

### iconTorchOn

```swift
theme.images.iconTorchOn: UIImage
```

Used for the turned-on flashlight button on the Camera Screen.

Default is a *filled flash icon*.

### iconTorchOff

```swift
theme.images.iconTorchOff: UIImage
```

Used for the turned-off flashlight button on the Camera Screen.

Default is an *outlined flash icon*.

### iconGallery

```swift
theme.images.iconGallery: UIImage
```

Used for the gallery button on the Camera Screen.

Default is a *photos stack icon*.

### iconCameraToggle

```swift
theme.images.iconCameraToggle: UIImage
```

Used for the camera toggle button on the VideoIdent Screen.

Default is a *rounded arrows icon*.

### iconRotate

```swift
theme.images.iconRotate: UIImage
```

Used for the rotation bar button on the Preview Screen.

Default is a *photo rotation icon*.

### iconMail

```swift
theme.images.iconMail: UIImage
```

Used for the default E-Mail support item.

Default is a *letter icon*.

### iconPlay

```swift
theme.images.iconPlay: UIImage
```

Used the play button on the Preview screen.

Default is a *play icon in the circle*.

### iconNotice

```swift
theme.images.iconNotice: UIImage
```

Used on the verification comment block at the Status Screen.

Default is *an exclamation mark in the triangle* of 24x24 pixels.

### iconCheckboxOff

```swift
theme.images.iconCheckboxOff: UIImage
```

Used for unmarked checkboxes.

Default is *an empty rectangle icon with [`colors.contentWeak`](#contentWeak) border color*.

### iconCheckboxOn

```swift
theme.images.iconCheckboxOn: UIImage
```

Used for marked checkboxes.

Default is a *white checkmark icon on a background rectangle with [`colors.fieldTint`](#fieldtint) color*.

### iconRadioButtonOff

```swift
theme.images.iconRadioButtonOff: UIImage
```

Used for unselected radio buttons.

Default is *an empty circle icon with [`colors.contentWeak`](#contentWeak) border color*.

### iconRadioButtonOn

```swift
theme.images.iconRadioButtonOn: UIImage
```

Used for selected radio buttons.

Default is a *white circle icon on a background circle with [`colors.fieldTint`](#fieldtint) color*.

### iconSuccess

```swift
theme.images.iconSuccess: UIImage
```

Used to compose the auto-generated [`pictureSuccess`](#picturesuccess).

Default is a *checkmark icon*.

### iconWarning

```swift
theme.images.iconWarning: UIImage
```

Used for the warnings bottom sheet and to compose the auto-generated [`pictureWarning`](#picturewarning).

Default is an *exclamation mark in the triangle*.

### iconFailure

```swift
theme.images.iconFailure: UIImage
```

Used to compose the auto-generated [`pictureFailure`](#picturefailure).

Default is a *cross icon*.

### iconSubmitted

```swift
theme.images.iconSubmitted: UIImage
```

Used to compose the auto-generated [`pictureSubmitted`](#picturesubmitted).

Default is an *uploading-to-the-cloud icon*.

## Pictures

Could be used if you would like to override the large images composed on the basis of the corresponding icons.

### pictureSuccess

```swift
theme.images.pictureSuccess: UIImage?
```

The "success" image. Could be used if you would like to override the auto-generated one.

The auto-generated image looks like *the [`iconSuccess`](#iconsuccess) icon in the circles* composed on the basis of the [`colors.contentSuccess`](#contentsuccess) and [`colors.backgroundSuccess`](#backgroundsuccess) colors.

Default is *`nil`*.

### pictureWarning

```swift
theme.images.pictureWarning: UIImage?
```

The "warning" image. Could be used if you would like to override the auto-generated one.

The auto-generated image looks like *the [`iconWarning`](#iconwarning) icon in the circles* composed on the basis of the [`colors.contentWarning`](#contentwarning) and [`colors.backgroundWarning`](#backgroundwarning) colors.

Default is *`nil`*.

### pictureFailure

```swift
theme.images.pictureFailure: UIImage?
```

The "failure" image. Could be used if you would like to override the auto-generated one.

The auto-generated image looks like *the [`iconFailure`](#iconfailure) icon in the circles* composed on the basis of the [`colors.contentCritical`](#contentcritical) and [`colors.backgroundCritical`](#backgroundcritical) colors.

Default is *`nil`*.

### pictureSubmitted

```swift
theme.images.pictureSubmitted: UIImage?
```

The "submitted" image. Could be used if you would like to override the auto-generated one.

The auto-generated image looks like *the [`iconSubmitted`](#iconsubmitted) icon in the circles* composed on the basis of the [`colors.contentWarning`](#contentwarning) and [`colors.backgroundWarning`](#backgroundwarning) colors.

Default is *`nil`*.

### pictureGeolocationOn

```swift
theme.images.pictureGeolocationOn: UIImage
```

Used as the image on the Geolocation Screen before the start of the geolocation detection.

Default is a *geolocation pin icon*.

### pictureGeolocationOff

```swift
theme.images.pictureGeolocationOff: UIImage
```

Used as the image on the Geolocation Screen when the app has no permissions to get the geolocation.

Default is a *crossed geolocation pin icon*.

### pictureAgreement

```swift
theme.images.pictureAgreement: UIImage?
```

Displayed at the top of the Agreement Screen.

Default is a *globe decorated*.

### pictureDocumentFlip

```swift
theme.images.pictureDocumentFlip: UIImage?
```

Displayed at the Camera Screen before the back side of a document is going to be captured.

Default is an *ID document with a rotating arrow below*.

## Content driven sets

### verificationStepIcons

```swift
theme.images.verificationStepIcons: [SNSVerificationStepKey: UIImage]

theme.images.setIcon(UIImage?, forVerificationStep: SNSVerificationStepKey, andState: SNSVerificationStepState)
```

Verification steps icons.

One can assign an icon for a verification step either for all the verification states at once (as it is done by default) or more preciously if required.

Default icons are defined for the following keys: `.identity`, `.selfie`, `.selfie2`, `.proofOfResidence`, `.proofOfResidence2`, `.applicantData`, `.emailVerification`, `.phoneVerification`, `.questionnaire` and `.ekyc`.\
Also the `.default` key is filled with the `.identity` icon.

### documentTypeIcons

```swift
theme.images.documentTypeIcons: [SNSDocumentTypeKey: UIImage]
```

Document types icons.

Default icons are defined for the following keys: `.idCard`, `.passport`, `.drivers` and `.residencePermit`.\
Also the `.default` key is filled with the `.idCard` icon.

### instructionsImages

```swift
theme.images.instructionsImages: [String: UIImage]
```

Instructions pictures. When an image is referred with one of the following text keys:

* `sns_step_{STEP}_{scene}_instructions_image`
* `sns_step_{STEP}_{scene}_instructions_doImage`
* `sns_step_{STEP}_{scene}_instructions_dontImage`

the sdk will look through `instructionsImages` for the corresponding image object.\
At that it takes the value of the text key and uses it as a key for `instructionsImages` dictionary.

Feel free to add your own pictures or use the predefined ones:

* `default/videoident`
* `default/facescan`
* `default/do_idCard`
* `default/dont_idCard`
* `default/do_passport`
* `default/dont_passport`
* `default/do_idCard_backSide`
* `default/dont_idCard_backSide`

## Metrics

## Content Size

### respectsPreferredContentSizeCategory

```swift
theme.metrics.respectsPreferredContentSizeCategory: Bool
```

Defines whether the fonts, images, metrics and layouts should be adjusted in order to respect the user's preferred content size category.

Default is *`true`*.

## Common

### commonStatusBarStyle

```swift
theme.metrics.commonStatusBarStyle: UIStatusBarStyle
```

The status bar style on all the screens.

Default is *`.default`*.

### activityIndicatorStyle

```swift
theme.metrics.activityIndicatorStyle: UIActivityIndicatorViewStyle
```

The loading spinner style.

Default is *`.medium`* for iOS 13+ and *`.gray`* for previous ones.

### preferredCloseBarItemStyle

```swift
theme.metrics.preferredCloseBarItemStyle: SNSCloseBarItemStyle
```

The preferred style of the close bar button. The options are *`.icon`* and *`.text`*.

Default is *`.icon`*.

### preferredCloseBarItemAlignment

```swift
theme.metrics.preferredCloseBarItemAlignment: SNSCloseBarItemAlignment
```

The preferred alignment of the close bar button. The options are *`.right`* and *`.left`*.

Default is *`.right`*.

## Content

### screenHorizontalMargin

```swift
theme.metrics.screenHorizontalMargin: CGFloat
```

The horizontal margins of the screen content.

Default is *16pt*.

## Buttons

### buttonHeight

```swift
theme.metrics.buttonHeight: CGFloat
```

The primary and secondary buttons height.

Default is *48pt*.

### buttonCornerRadius

```swift
theme.metrics.buttonCornerRadius: CGFloat
```

The primary and secondary buttons corner radius.

Default is *8pt*.

### buttonBorderWidth

```swift
theme.metrics.buttonBorderWidth: CGFloat
```

The secondary button border width. *Bordered primary buttons are not supported at the moment.*

Default is *1pt*.

## Camera

### cameraStatusBarStyle

```swift
theme.metrics.cameraStatusBarStyle: UIStatusBarStyle
```

The status bar style on the Camera Screen. *Not used at the moment.*

Default is *`.default`*.

## Document Frame

### documentFrameBorderWidth

```swift
theme.metrics.documentFrameBorderWidth: CGFloat
```

The document frame's border width.

Default is *2pt*.

### documentFrameCornerRadius

```swift
theme.metrics.documentFrameCornerRadius: CGFloat
```

The document frame's corner radius.

Default is *14pt*.

## Fields

### fieldHeight

```swift
theme.metrics.fieldHeight: CGFloat
```

Used for the text input fields on Email/Phone Confirmation screens.

Default is *48pt*.

### fieldBorderWidth

```swift
theme.metrics.fieldBorderWidth: CGFloat
```

The text input fields border width.

Default is *0pt*.

### fieldCornerRadius

```swift
theme.metrics.fieldCornerRadius: CGFloat
```

The text input fields corner radius.

Default is *8pt*.

## Viewport

### viewportBorderWidth

```swift
theme.metrics.viewportBorderWidth: CGFloat
```

The selfie viewport border width.

Default is *8pt*.

## Bottom Sheet

### bottomSheetCornerRadius

```swift
theme.metrics.bottomSheetCornerRadius: CGFloat
```

The bottom sheet corners radius.

Default is *16pt*.

### bottomSheetHandleSize

```swift
theme.metrics.bottomSheetHandleSize: CGSize
```

The bottom sheet handle size.

Default is *36pt x 4pt*.

## Card Style

### SNSCardStyle

```swift
enum SNSCardStyle {
    case plain
    case filled
    case bordered
}
```

* With `.plain` style neither border nor background will be rendered by default (see [`colors.cardPlainBackground`](#cardplainbackground)).
* With `.filled` style the background will be filled out.
* With `.bordered` style a border will be rendered around the card (see also [`colors.cardBorderedBackground`](#cardborderedbackground)).

### verificationStepCardStyle

```swift
theme.metrics.verificationStepCardStyle: SNSCardStyle
```

The verification steps card style.

Default is *[`.filled`](#snscardstyle)*.

### verificationCommentCardStyle

```swift
theme.metrics.verificationCommentCardStyle: SNSCardStyle
```

The style of a verification comment block that can be displayed when the applicant is temporarily declined.

Default is *[`.bordered`](#snscardstyle)*.

### supportItemCardStyle

```swift
theme.metrics.supportItemCardStyle: SNSCardStyle
```

The support items card style.

Default is *[`.bordered`](#snscardstyle)*.

### documentTypeCardStyle

```swift
theme.metrics.documentTypeCardStyle: SNSCardStyle
```

The document types card style.

Default is *[`.filled`](#snscardstyle)*.

### selectedCountryCardStyle

```swift
theme.metrics.selectedCountryCardStyle: SNSCardStyle
```

The selected country card style.

Default is *[`.filled`](#snscardstyle)*.

### cardCornerRadius

```swift
theme.metrics.cardCornerRadius: CGFloat
```

The cards' corners radius.

Default is *8pt*.

### cardBorderWidth

```swift
theme.metrics.cardBorderWidth: CGFloat
```

The cards' border width. Used for the cards with the [`.bordered`](#snscardstyle) card style only.

Default is *1pt*.

## Alignment

### screenHeaderAlignment

```swift
theme.metrics.screenHeaderAlignment: NSTextAlignment
```

The alignment for the screen headers.

Default is *`.center`*

### sectionHeaderAlignment

```swift
theme.metrics.sectionHeaderAlignment: NSTextAlignment
```

The alignment for the section headers.

Default is *`.natural`*