# Настройки тем для iOS SDK

Параметры тем в iOS SDK используются во многих компонентах системы, поэтому, если вы измените один из них, это может повлиять на множество элементов интерфейса.

# Шрифты

# headline1

theme.fonts.headline1: UIFont

Заголовок 1-го уровня. Используется для заголовков экранов, в основном в сочетании с colors.contentStrong.
По умолчанию: System Bold, 24pt.

# headline2

theme.fonts.headline2: UIFont

Заголовок 2-го уровня. Используется для заголовков разделов, в основном в сочетании с colors.contentStrong.
По умолчанию: System Bold, 20pt.

# subtitle1

theme.fonts.subtitle1: UIFont

Подзаголовок 1-го уровня. Используется для подзаголовков, в основном в сочетании с colors.contentStrong.
По умолчанию: System Semibold, 18pt.

# subtitle2

theme.fonts.subtitle2: UIFont

Подзаголовок 2-го уровня. Используется для подзаголовков, в основном в сочетании с colors.contentNeutral.
По умолчанию: System Regular, 16pt.

# body

theme.fonts.body: UIFont

Основной текст. Используется для абзацев, текстовых полей и других элементов, в основном в сочетании с colors.contentNeutral.
По умолчанию: System Regular, 14pt.

# caption

theme.fonts.caption: UIFont

Второстепенный текст. Используется для вспомогательных подписей, в основном в сочетании с colors.contentWeak.
По умолчанию: System Regular, 12pt.

# Цвета

# Общие

theme.colors.navigationBarItem: UIColor

Цвет элементов навигационной панели. Используется только для кнопки закрытия.
По умолчанию: #94A0B8 и #FFFFFF с прозрачностью 40% в темном режиме.

# alertTint

theme.colors.alertTint: UIColor

Цвет кнопок в системных уведомлениях и на панели инструментов.
По умолчанию: #1693E9 и #1485D1 в темном режиме.

# toolbarTint

theme.colors.toolbarTint: UIColor

Цвет кнопок на панелях инструментов.
По умолчанию: #5C6B8A и #FFFFFF с прозрачностью 60% в темном режиме.

# toolbarBackground

theme.colors.toolbarBackground: UIColor?

Фоновый цвет для панелей инструментов.
По умолчанию: nil, используется системный цвет фона.

# Фоны

# backgroundCommon

theme.colors.backgroundCommon: UIColor

Основной фоновый цвет. Используется для всех экранов, кроме экрана камеры.
По умолчанию: #FFFFFF и #1E232E в темном режиме.

# backgroundNeutral

theme.colors.backgroundNeutral: UIColor

Второстепенный фоновый цвет. Используется для карточек шагов верификации в нейтральном статусе и выпадающих списков.
Фон карточки будет заполнен при использовании стиля .filled.
По умолчанию: #F6F7F9 и #FFFFFF с прозрачностью 7% в темном режиме.

# backgroundInfo

theme.colors.backgroundInfo: UIColor

В данный момент не используется.
По умолчанию: #E8F4FD и #072F4B в темном режиме.

# backgroundSuccess

theme.colors.backgroundSuccess: UIColor

Используется как фон для карточек шагов верификации в статусе успешной проверки и как фон для сообщения об успешной верификации (Иконка images.pictureSuccess).
По умолчанию: #18B494 с прозрачностью 12% и #18B494 с прозрачностью 30% в темном режиме.

# backgroundWarning

theme.colors.backgroundWarning: UIColor

Используется как фон для карточек шагов верификации в статусе предупреждений, как фон для сообщения о загрузке данных (Иконка images.pictureSubmitted) и как фон для сообщения об ошибки сети (Иконка images.pictureWarning).
По умолчанию: #F2AA0D с прозрачностью 12% и #F2AA0D с прозрачностью 30% в темном режиме.

# backgroundCritical

theme.colors.backgroundCritical: UIColor

Используется как фон для карточек шагов верификации в статусе критических проблем и как фон для сообщения о неуспешной верификации (Иконка images.pictureFailure).
По умолчанию: #F05C5C с прозрачностью 12% и #F05C5C с прозрачностью 30% в темном режиме.

# Контент

theme.colors.contentLink: UIColor

Цвет текстовых ссылок.
По умолчанию: #1693E9 в #1485D1 в темном режиме.

# contentStrong

theme.colors.contentStrong: UIColor

Цвет заголовков и некоторых подзаголовков.
По умолчанию: #333C4D и #FFFFFF с прозрачностью 85% в темном режиме.

# contentNeutral

theme.colors.contentNeutral: UIColor

Цвет основного текста, некоторых подзаголовков и вспомогательных элементов.
По умолчанию: #5C6B8A и #FFFFFF с прозрачностью 60% в темном режиме.

# contentWeak

theme.colors.contentWeak: UIColor

Цвет второстепенного текста и вспомогательных элементов.
По умолчанию: #94A0B8 и #FFFFFF с прозрачностью 40% в темном режиме.

# contentInfo

theme.colors.contentInfo: UIColor

Используется только для границы области просмотра на экране видео.
По умолчанию: #1693E9 и #1485D1 в темном режиме.

# contentSuccess

theme.colors.contentSuccess: UIColor

Используется в качестве цвета иконок для карточек шагов верификации в статусе успешной проверки, цвет текста для инструкции, цвета иконки images.pictureSuccess и цвета контура области съемки.
По умолчанию: #18B494.

# contentWarning

theme.colors.contentWarning: UIColor

Цвет текста для предупреждений при прохождении верификации и автоматически сгенерированных изображений images.pictureWarning и images.pictureSubmitted.
По умолчанию: #E6A00B.

# contentCritical

theme.colors.contentCritical: UIColor

Цвет текста для критических проблем при прохождении верификации и изображений и автоматически сгенерированных изображений images.pictureFailure.
По умолчанию: #F05C5C.

# Основная кнопка

# primaryButtonBackground

theme.colors.primaryButtonBackground: UIColor

Цвет фона основной кнопки в обычном состоянии.
По умолчанию: #1693E9 и #1485D1 в темном режиме.

# primaryButtonBackgroundHighlighted

theme.colors.primaryButtonBackgroundHighlighted: UIColor

Цвет фона основной кнопки в выделенном состоянии.
По умолчанию: #1485D1 и #0B4A75 в темном режиме.

# primaryButtonBackgroundDisabled

theme.colors.primaryButtonBackgroundDisabled: UIColor

Цвет фона основной кнопки в отключенном состоянии.
По умолчанию: #A1D2F7 и #072F4B в темном режиме.

# primaryButtonContent

theme.colors.primaryButtonContent: UIColor

Цвет текста основной кнопки в обычном состоянии.
По умолчанию: #FFFFFF и #FFFFFF с прозрачностью 85% в темном режиме.

# primaryButtonContentHighlighted

theme.colors.primaryButtonContentHighlighted: UIColor

Цвет содержимого основной кнопки в выделенном состоянии.
По умолчанию: #FFFFFF и #FFFFFF с прозрачностью 85% в тёмном режиме.

# primaryButtonContentDisabled

theme.colors.primaryButtonContentDisabled: UIColor

Цвет содержимого основной кнопки в отключённом состоянии.
По умолчанию: #FFFFFF и #0B4A75 в тёмном режиме.

# Вторичная кнопка

# secondaryButtonBackground

theme.colors.secondaryButtonBackground: UIColor

Фоновый цвет вторичной кнопки в обычном состоянии.
По умолчанию: прозрачный.

# secondaryButtonBackgroundHighlighted

theme.colors.secondaryButtonBackgroundHighlighted: UIColor

Фоновый цвет вторичной кнопки в выделенном состоянии.
По умолчанию: #E8F4FD и #072F4B в тёмном режиме.

# secondaryButtonBackgroundDisabled

theme.colors.secondaryButtonBackgroundDisabled: UIColor

Фоновый цвет вторичной кнопки в отключённом состоянии.
По умолчанию: прозрачный.

# secondaryButtonContent

theme.colors.secondaryButtonContent: UIColor

Цвет содержимого вторичной кнопки в обычном состоянии.
По умолчанию: #1693E9 и #1485D1 в тёмном режиме.

# secondaryButtonContentHighlighted

theme.colors.secondaryButtonContentHighlighted: UIColor

Цвет содержимого вторичной кнопки в выделенном состоянии.
По умолчанию: #1693E9 и #1485D1 в тёмном режиме.

# secondaryButtonContentDisabled

theme.colors.secondaryButtonContentDisabled: UIColor

Цвет содержимого вторичной кнопки в отключённом состоянии.
По умолчанию: #A1D2F7 и #0B4A75 в тёмном режиме.

# Карточки

# cardPlainBackground

theme.colors.cardPlainBackground: UIColor

Используется в качестве фонового цвета для карточек со стилем .plain.
По умолчанию: nil.

# cardBorderedBackground

theme.colors.cardBorderedBackground: UIColor

Используется в качестве фонового цвета для карточек со стилем .bordered.
По умолчанию: nil.

# Камера

# cameraBackground

theme.colors.cameraBackground: UIColor

Фоновый цвет экрана камеры.
По умолчанию: #1E232E.

# cameraBackgroundOverlay

theme.colors.cameraBackgroundOverlay: UIColor

Фоновый цвет затемнения поверх экрана камеры.
По умолчанию: #1E232E с прозрачностью 75%.

# cameraContent

theme.colors.cameraContent: UIColor

Цвет элементов интерфейса на экране камеры: кнопка галереи, кнопка съемки и т. д.
По умолчанию: #FFFFFF.

# Поля

# fieldBackground

theme.colors.fieldBackground: UIColor

Фоновый цвет полей ввода текста.
По умолчанию: #F6F7F9 и #FFFFFF с прозрачностью 7% в темном режиме.

# fieldBackgroundInvalid

theme.colors.fieldBackgroundInvalid: UIColor

Фон полей ввода, отмеченных как недействительные.
По умолчанию: colors.backgroundCritical.

# fieldBorder

theme.colors.fieldBorder: UIColor

Цвет границы полей ввода.
По умолчанию: прозрачный.

# fieldPlaceholder

theme.colors.fieldPlaceholder: UIColor

Цвет заполнителя в полях ввода.
По умолчанию: #94A0B8 и #FFFFFF с прозрачностью 40% в тёмном режиме.

# fieldContent

theme.colors.fieldContent: UIColor

Цвет вводимого текста в полях ввода.
По умолчанию: #333C4D и #FFFFFF с прозрачностью 85% в тёмном режиме.

# fieldTint

theme.colors.fieldTint: UIColor

Цвет выделения полей ввода. Используется для текстовых полей, флажков и переключателей.
По умолчанию: #1693E9 и #1485D1 в тёмном режиме.

# Список

# listSeparator

theme.colors.listSeparator: UIColor

Цвет разделителя списка.
По умолчанию: #D1D6E1 и #FFFFFF с прозрачностью 20% для тёмного режима.

# listSelectedItemBackground

theme.colors.listSelectedItemBackground: UIColor

Цвет фона для выбранного элемента списка.
По умолчанию: #F6F7F9 и #FFFFFF с прозрачностью 7% для тёмного режима.

# Выдвижная панель

# bottomSheetHandle

theme.colors.bottomSheetHandle: UIColor

Цвет переднего плана для ручки нижнего листа. Обратите внимание, что ручка может быть как внутри (на фоне bottomSheetBackground), так и снаружи (на фоне backgroundCommon).
По умолчанию: #D1D6E1 и #FFFFFF с прозрачностью 20% для тёмного режима.

# bottomSheetBackground

theme.colors.bottomSheetBackground: UIColor

Цвет фона для нижнего листа.
По умолчанию: #FFFFFF и #333C4D для тёмного режима.

# Изображения

# Иконки

# iconClose

theme.images.iconClose: UIImage

Иконка для кнопки закрытия на всех экранах.
По умолчанию: иконка в виде крестика.

# iconBack

theme.images.iconBack: UIImage?

Иконка для кнопки "Назад" на панели.
По умолчанию: иконка в виде стрелки. При выборе значения nil используется системная кнопка "Назад".

# iconSearch

theme.images.iconSearch: UIImage

Используется для панели поиска.
По умолчанию: иконка в виде лупы.

# iconDisclosure

theme.images.iconDisclosure: UIImage

Используется для отображения доступности раскрытия.
По умолчанию: иконка в виде раскрывающей стрелки.

# iconDropdown

theme.images.iconDropdown: UIImage

Используется для выпадающих полей.
По умолчанию: иконка в виде стрелки вниз.

# iconCalendar

theme.images.iconCalendar: UIImage

Используется для полей даты.
По умолчанию: иконка в виде календаря.

# iconAttachment

theme.images.iconAttachment: UIImage

Используется для вложений, когда поле пустое.
По умолчанию: иконка в виде скрепки.

# iconPicture

theme.images.iconPicture: UIImage

Используется для вложений, когда документ прикреплен.
По умолчанию: иконка в виде фотографии.

# iconBin

theme.images.iconBin: UIImage

Используется для полей вложений, когда документ может быть удален.
По умолчанию: иконка в виде мусорного ведра.

# iconTorchOn

theme.images.iconTorchOn: UIImage

Используется для кнопки включенной фонарика на экране камеры.
По умолчанию: иконка в виде вспышки.

# iconTorchOff

theme.images.iconTorchOff: UIImage

Используется для кнопки выключенного фонарика на экране камеры.
По умолчанию: иконка обведенной вспышки.

# iconGallery

theme.images.iconGallery: UIImage

Используется для кнопки галереи на экране камеры.
По умолчанию: иконка стопки фотографий.

# iconCameraToggle

theme.images.iconCameraToggle: UIImage

Используется для кнопки переключения камеры.
По умолчанию: иконка круглых стрелок.

# iconRotate

theme.images.iconRotate: UIImage

Используется для кнопки поворота на экране предварительного просмотра.
По умолчанию: иконка поворота фотографии.

# iconMail

theme.images.iconMail: UIImage

Используется для элемента поддержки по умолчанию для электронной почты.
По умолчанию: иконка письма.

# iconPlay

theme.images.iconPlay: UIImage

Используется для кнопки воспроизведения на экране предварительного просмотра.
По умолчанию: иконка воспроизведения в круге.

# iconNotice

theme.images.iconNotice: UIImage

Используется в блоке комментариев на экране статуса для верификации.
По умолчанию: восклицательный знак в треугольнике размером 24x24 пикселя.

# iconCheckboxOff

theme.images.iconCheckboxOff: UIImage

Используется для незаполненных флажков.
По умолчанию: пустой прямоугольник с цветом границы colors.contentWeak.

# iconCheckboxOn

theme.images.iconCheckboxOn: UIImage

Используется для отмеченных флажков.
По умолчанию: белая галочка на фоне прямоугольника с цветом colors.fieldTint.

# iconRadioButtonOff

theme.images.iconRadioButtonOff: UIImage

Используется для незаданных радиокнопок.
По умолчанию: пустой круг с цветом границы colors.contentWeak.

# iconRadioButtonOn

theme.images.iconRadioButtonOn: UIImage

Используется для выбранных радиокнопок.
По умолчанию: белый круг на фоне круга с цветом colors.fieldTint.

# iconSuccess

theme.images.iconSuccess: UIImage

Используется для составления автогенерируемого pictureSuccess.
По умолчанию: иконка галочки.

# iconWarning

theme.images.iconWarning: UIImage

Используется для нижнего листа предупреждений и для составления автогенерируемого pictureWarning.
По умолчанию: восклицательный знак в треугольнике.

# iconFailure

theme.images.iconFailure: UIImage

Используется для составления автогенерируемого pictureFailure.
По умолчанию: иконка крестика.

# iconSubmitted

theme.images.iconSubmitted: UIImage

Используется для составления автогенерируемого pictureSubmitted.
По умолчанию: иконка загрузки в облако.

# Изображения

Могут быть использованы, если вы хотите заменить большие изображения, составленные на основе соответствующих иконок.

# pictureSuccess

theme.images.pictureSuccess: UIImage?

Изображение "Успех". Может быть использовано для замены автогенерируемого. Автогенерированное изображение выглядит как иконка iconSuccess в круге, составленная на основе цветов colors.contentSuccess и colors.backgroundSuccess.
По умолчанию: nil.

# pictureWarning

theme.images.pictureWarning: UIImage?

Изображение "Предупреждение". Может быть использовано для замены автогенерируемого. Автогенерированное изображение выглядит как иконка iconWarning в круге, составленная на основе цветов colors.contentWarning и colors.backgroundWarning.
По умолчанию: nil.

# pictureFailure

theme.images.pictureFailure: UIImage?

Изображение "Неудача". Может быть использовано для замены автогенерируемого. Автогенерированное изображение выглядит как иконка iconFailure в круге, составленная на основе цветов colors.contentCritical и colors.backgroundCritical.
По умолчанию: nil.

# pictureSubmitted

theme.images.pictureSubmitted: UIImage?

Изображение "Отправлено". Может быть использовано для замены автогенерируемого. Автогенерированное изображение выглядит как иконка iconSubmitted в круге, составленная на основе цветов colors.contentWarning и colors.backgroundWarning.
По умолчанию: nil.

# pictureGeolocationOn

theme.images.pictureGeolocationOn: UIImage

Используется как изображение на экране геолокации до начала определения геолокации.
По умолчанию: иконка пина геолокации.

# pictureGeolocationOff

theme.images.pictureGeolocationOff: UIImage

Используется как изображение на экране геолокации, когда приложение не имеет разрешений на получение геолокации.
По умолчанию: иконка перечеркнутого геолокационного пина.

# pictureAgreement

theme.images.pictureAgreement: UIImage?

Отображается в верхней части экрана соглашения.
По умолчанию: украшенный глобус.

# pictureDocumentFlip

theme.images.pictureDocumentFlip: UIImage?

Отображается на экране камеры перед тем, как будет сделан снимок обратной стороны документа.
По умолчанию: изображение документа с вращающейся стрелкой ниже.

# Наборы изображений

# verificationStepIcons

theme.images.verificationStepIcons: [CBRVerificationStepKey: UIImage]
theme.images.setIcon(UIImage?, forVerificationStep: CBRVerificationStepKey, andState: CBRVerificationStepState)

Иконки шагов верификации. Можно назначить иконку для шага верификации для всех состояний верификации сразу (как это сделано по умолчанию) или более точно, если необходимо. По умолчанию: иконки для следующих ключей:

  • .identity
  • .selfie
  • .selfie2
  • .proofOfResidence
  • .proofOfResidence2
  • .applicantData
  • .emailVerification
  • .phoneVerification
  • .questionnaire
  • .ekyc

Ключ .default заполнен иконкой .identity.

# documentTypeIcons

theme.images.documentTypeIcons: [CBRDocumentTypeKey: UIImage]

Иконки типов документов.
По умолчанию: иконки для следующих ключей:

  • .idCard
  • .passport
  • .drivers
  • .residencePermit

Ключ .default заполнен иконкой .idCard.

# instructionsImages

theme.images.instructionsImages: [String: UIImage]

Изображения инструкций. Когда изображение запрашивается с одним из следующих текстовых ключей:

  • cbr_step_{STEP}_{scene}_instructions_image
  • cbr_step_{STEP}_{scene}_instructions_doImage
  • cbr_step_{STEP}_{scene}_instructions_dontImage

SDK будет искать изображение в instructionsImages для соответствующего текстового ключа. Не стесняйтесь добавлять свои изображения или использовать предустановленные:

  • default/videoident
  • default/facescan
  • default/do_idCard
  • default/dont_idCard
  • default/do_passport
  • default/dont_passport
  • default/do_idCard_backSide
  • default/dont_idCard_backSide

# Метрики

# Размер содержимого

# respectsPreferredContentSizeCategory

theme.metrics.respectsPreferredContentSizeCategory: Bool

Определяет, должны ли шрифты, изображения, метрики и макеты адаптироваться в соответствии с предпочитаемым пользователем размером содержимого.
По умолчанию: true.

# Общие

# commonStatusBarStyle

theme.metrics.commonStatusBarStyle: UIStatusBarStyle

Стиль строки состояния на всех экранах.
По умолчанию: .default.

# activityIndicatorStyle

theme.metrics.activityIndicatorStyle: UIActivityIndicatorViewStyle

Стиль индикатора загрузки.
По умолчанию: .medium для iOS 13+ и .gray для более ранних версий.

# preferredCloseBarItemStyle

theme.metrics.preferredCloseBarItemStyle: CBRCloseBarItemStyle

Предпочитаемый стиль кнопки закрытия. Доступные варианты: .icon и .text.
По умолчанию: .icon.

# preferredCloseBarItemAlignment

theme.metrics.preferredCloseBarItemAlignment: CBRCloseBarItemAlignment

Предпочитаемое расположение кнопки закрытия. Доступные варианты: .right и .left.
По умолчанию: .right.

# Контент

# screenHorizontalMargin

theme.metrics.screenHorizontalMargin: CGFloat

Горизонтальные отступы контента экрана.
По умолчанию: 16pt.

# Кнопки

# buttonHeight

theme.metrics.buttonHeight: CGFloat

Высота основных и второстепенных кнопок.
По умолчанию: 48pt.

# buttonCornerRadius

theme.metrics.buttonCornerRadius: CGFloat

Радиус скругления углов кнопок.
По умолчанию: 8pt.

# buttonBorderWidth

theme.metrics.buttonBorderWidth: CGFloat

Толщина границы второстепенной кнопки. Основные кнопки с границей пока не поддерживаются.
По умолчанию: 1pt.

# Камера

# cameraStatusBarStyle

theme.metrics.cameraStatusBarStyle: UIStatusBarStyle

Стиль строки состояния на экране камеры. В настоящее время не используется.
По умолчанию: .default.

# Рамка документа

# documentFrameBorderWidth

theme.metrics.documentFrameBorderWidth: CGFloat

Толщина границы рамки документа.
По умолчанию: 2pt.

# documentFrameCornerRadius

theme.metrics.documentFrameCornerRadius: CGFloat

Радиус скругления углов рамки документа.
По умолчанию: 14pt.

# Поля ввода

# fieldHeight

theme.metrics.fieldHeight: CGFloat

Высота полей ввода текста.
По умолчанию: 48pt.

# fieldBorderWidth

theme.metrics.fieldBorderWidth: CGFloat

Толщина границы полей ввода текста.
По умолчанию: 0pt.

# fieldCornerRadius

theme.metrics.fieldCornerRadius: CGFloat

Радиус скругления углов полей ввода текста.
По умолчанию: 8pt.

# Область просмотра

# viewportBorderWidth

theme.metrics.viewportBorderWidth: CGFloat

Толщина границы области просмотра селфи.
По умолчанию: 8pt.

# Выдвижная панель

# bottomSheetCornerRadius

theme.metrics.bottomSheetCornerRadius: CGFloat

Радиус скругления углов нижнего листа.
По умолчанию: 16pt.

# bottomSheetHandleSize

theme.metrics.bottomSheetHandleSize: CGSize

Размер индикатора захвата нижнего листа.
По умолчанию: 36pt x 4pt.

# Стиль карточек

# CBRCardStyle

enum CBRCardStyle {
			case plain
			case filled
			case bordered
}

Стили:

  • plain – без границы и фона (см. colors.cardPlainBackground).
  • filled – с заливкой фона.
  • bordered – с границей (см. colors.cardBorderedBackground).

# verificationStepCardStyle

theme.metrics.verificationStepCardStyle: CBRCardStyle

Стиль карточки шагов верификации.
По умолчанию: .filled.

# verificationCommentCardStyle

theme.metrics.verificationCommentCardStyle: CBRCardStyle

Стиль карточки комментария к верификации, который отображается при временном отказе.
По умолчанию: .bordered.

# supportItemCardStyle

theme.metrics.supportItemCardStyle: CBRCardStyle

Стиль карточки элементов поддержки.
По умолчанию: .bordered.

# documentTypeCardStyle

theme.metrics.documentTypeCardStyle: CBRCardStyle

Стиль карточки типа документа.
По умолчанию: .filled.

# selectedCountryCardStyle

theme.metrics.selectedCountryCardStyle: CBRCardStyle

Стиль карточки выбранной страны.
По умолчанию: .filled.

# cardCornerRadius

theme.metrics.cardCornerRadius: CGFloat

Радиус скругления углов карточек.
По умолчанию: 8pt.

# cardBorderWidth

theme.metrics.cardBorderWidth: CGFloat

Толщина границы карточек (используется только для стиля .bordered).
По умолчанию: 1pt.

# Выравнивание

# screenHeaderAlignment

theme.metrics.screenHeaderAlignment: NSTextAlignment

Выравнивание заголовков экрана.
По умолчанию: .center.

# sectionHeaderAlignment

theme.metrics.sectionHeaderAlignment: NSTextAlignment

Выравнивание заголовков секций.
По умолчанию: .natural.