Skip to content

Video capture themes

Video 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": [
            "document",
            "video"
        ],
        "options": {
            "document": {
                "captures": [
                    {
                        "documentTypes": [
                            "XX"
                        ]
                    }
                ]
            },
            "video": {
                "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

faceDetectionTheme

Document detection

documentDetectionTheme

Success

successTickTheme

Feedback Error

Device Rotation Error

feedbackRotationTheme

Permission Error

feedbackTheme