Styling

Membership App- vs. Aera UI

Some design elements, like the Payment UI, can be implemented by either the Membership App or Aera. See "Standard flow vs Partial flow" for help to select based on your preference.
Onboarding and signing via Identity providers, biometrics and App Pin, as well as the Wallets Dashboard for managing the payment methods, are always provided by Aera.

Android Status bar

The StatusBar is light grey by default and can be overridden.

// res > values > themes.xml:
<item name="android:statusBarColor">#F1F0F3</item>
<item name="android:windowLightStatusBar">true</item>

// app > src > main > AndroidManifest.xml
<application
tools:replace="android:theme"
android:theme="@style/Theme.MyTheme"
// ...

The theme must be replaced if using a different styling

Preferences and configurations

Preferences

Preferences are based on either system settings on the device, or the Membership App configuration.

The following preferences related to the Wallets UI are supported

Language (Not yet available)
Light/Dark mode (Not yet available)

Language

Supported languages based on

DPA Config.
If Config is not provided, use device system settings.
If System Default language is not supported, fallback to English.

Current supported system languages

Language	Key
English (Fallback)	en
Norwegian	no / nb / nn
🆕 Dutch	nl
🆕 French	fr

Light/Dark mode

Not yet available

Configurations

The following configurations related to the Wallets UI are supported

Supported participating payment systems (PPS). Displayed in the "Add" dialog in the Wallets Dashboard.
Branding. Colors for light and dark mode are represented in the primary buttons and dialogs of the Wallets Dashboard to better suit your brand.

Branding

The Wallets Dashboard allow some branding elements to have overridden colors.
The WSP Config needs to include a branding object with set colors "brandPrimaryColor" and "brandPrimaryColorDarkMode". These colors will be used for the Wallets Dashboard primary buttons and dialogs. See example: