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 Nok Nok App SDK for JavaScript Developer Guide.