---
title: "Handling dark mode"
slug: "dpo-customize-app-sdk-ui-handling-dark-mode"
updated: 2026-10-27T20:13:12Z
published: 2026-10-27T20:13:12Z
canonical: "docs.onespan.com/dpo-customize-app-sdk-ui-handling-dark-mode"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.onespan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Handling dark mode

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:

```json
"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:

```json
"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 *DigipassONE App SDK for Web* *Developer Guide*.

A color attribute is an attribute whose name ends in "_color".

Formerly known as Digipass S3 Web App SDK, Digipass S3 JavaScript App SDK.