Digipass S3 is now DigipassONE. This section is currently being updated to reflect our new name.

Handling dark mode

Prev Next

To reduce the amount of bright light emitted by your user interface, you can specify a different color scheme to be used in low-light or nighttime conditions.

Every color attribute in a "styles" object can have "dark_" prefixed to it. The value of that "dark_" attribute is used when the user's device goes into dark mode. For example:

"styles":{
    "row_background":{
        "background_color":"#FFFFFF",
        "dark_background_color":"#999999"
    },
    ...
}

In addition, every attribute of an "images" object can have "dark_" prefixed to it. The value of that "dark_" attribute is used when the user's device goes into dark mode. For example:

"images":{
    "cancel_button":"img/xmark.png",
    "dark_cancel_button":"img/darkxmark.png",
    "logo_icon":"img/fido_certified.png"
}

To enable dark mode in a web app, see Implementing Dark Mode in the Digipass S3 App SDK for JavaScript Developer Guide.