Skip to content

Document capture themes

Document 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"
        ],
        "options": {
            "document": {
                "captures": [
                    {
                        "documentTypes": [
                            "XX"
                        ],
                        "setup": {
                            "generic": {
                                "theme": {
                                    "colorPrimaryLight": "#488bff",
                                    "colorPrimaryDark": "#0f6984",
                                    "colorPrimaryMain": "#ecb25c",
                                    "colorNeutral00": "#bfff00",
                                    "colorNeutral05": "#2bd2d8",
                                    "colorNeutral20": "#ecb25c",
                                    "colorNeutral40": "#bfff00",
                                    "colorAlertSuccess": "#4da32c",
                                    "colorAlertSuccessDark": "#ecb25c",
                                    "radiusSm": "3px"
                                }
                            }
                        }
                    }
                ]
            }
        }
    }
}

Theme Legend:

  • #488bff colorPrimaryLight (#488bff)
  • #0f6984 colorPrimaryDark (#0f6984)
  • #ecb25c colorPrimaryMain (#ecb25c)
  • #bfff00 colorNeutral00 (#bfff00)
  • #bfff00 colorNeutral05 (#2bd2d8)
  • #ecb25c colorNeutral20 (#ecb25c)
  • #bfff00 colorNeutral40 (#bfff00)
  • #4da32c colorAlertSuccess (#4da32c)
  • #ecb25c colorAlertSuccessDark (#ecb25c)
  • radiusSm (3px)

Instructions

Front

documentInstructionsTheme

Back

documentInstructionsBackTheme

Capture

Default

documentCaptureDefaultTheme

Not centered

documentCaptureNotCenteredTheme

Detection

documentCaptureDetectionTheme

Success

documentSuccessTickTheme

Review image

reviewImageTheme

Feedback Error

Device Rotation Error

feedbackRotationTheme

Permission Error

feedbackTheme