Skip to content

Selfie capture themes

Selfie Theme

Below is an example with the theme properties modified in the configuration inside of generic object.

Here you can check the configuration we used:

{
    "platform": "web",
    "operationMode": "idv",
    "flowSetup": {
        "core": {
            "confirmProcess": true
        },
        "stages": [
            "selfie"
        ],
        "options": {
            "selfie": {
                "liveness": "passive",
                "setup": {
                    "generic": {
                        "theme": {
                            "colorPrimaryLight": "#488bff",
                            "colorPrimaryDark": "#0f6984",
                            "colorPrimaryMain": "#ecb25c",
                            "colorNeutral00": "#bfff00",
                            "colorNeutral05": "#2bd2d8",
                            "colorNeutral20": "#7c7ced",
                            "colorNeutral40": "#c84ac2",
                            "colorNeutral80": "#000000",
                            "colorAlertDetection": "#ecb25c",
                            "colorAlertError": "#7c1111",
                            "colorAlertWarning": "#ecb25c",
                            "colorAlertSuccess": "#4da32c",
                            "colorAlertSuccessDark": "#ecb25c",
                            "radiusSm": "3px"
                        }
                    }
                }
            }
        }
    }
}

Theme legend:

  • #488bff colorPrimaryLight (#488bff)
  • #0f6984 colorPrimaryDark (#0f6984)
  • #ecb25c colorPrimaryMain (#ecb25c)
  • #bfff00 colorNeutral00 (#bfff00)
  • #2bd2d8 colorNeutral05 (#2bd2d8)
  • #7c7ced colorNeutral20 (#7c7ced)
  • #c84ac2 colorNeutral40 (#c84ac2)
  • #000000 colorNeutral80 (#000000)
  • #ecb25c colorAlertDetection (#ecb25c)
  • #7c1111 colorAlertError (#7c1111)
  • #ecb25c colorAlertWarning (#ecb25c)
  • #4da32c colorAlertSuccess (#4da32c)
  • #ecb25c colorAlertSuccessDark (#ecb25c)
  • radiusSm (3px)

Instructions

guideModalTheme

Face detection

Get closer / Move away

getCloserTheme

Face centered

faceDetectionTheme

Head actions

headActionsTheme

Success

successTickTheme

Review image

reviewImageTheme

Feedback Error

Challenge Error

feedbackTheme

Device Rotation Error

feedbackRotationTheme

Permission Error

feedbackTheme