Colors
You can change the colors of UI elements of AutomatID screens, by providing your colors through the AutomatIdConfiguration
during the initialization phase. If you don't, the default AutomatID colors are used.
The following colors can be customized:
Color identifier |
---|
LightTitleColor |
LightLabelColor |
LightButtonBgNormalColor |
LightButtonBgPressedColor |
LightButtonLabelNormalColor |
LightButtonLabelPressedColor |
DarkTitleColor |
DarkLabelColor |
DarkLinkNormalColor |
DarkLinkPressedColor |
DarkButtonBgNormalColor |
DarkButtonBgPressedColor |
DarkButtonLabelNormalColor |
DarkButtonLabelPressedColor |
ButtonBorderNormalColor |
ButtonBorderPressedColor |
DocumentIconNormalColor |
DocumentIconPressedColor |
IconNormalColor |
IconPressedColor |
LightHeaderIconNormalColor |
LightHeaderIconPressedColor |
DarkHeaderIconNormalColor |
DarkHeaderIconPressedColor |
MrzBackIconNormalColor |
MrzBackIconPressedColor |
MrzSuccessReadColor |
NfcScanBarLoadingColor |
SummaryTitleColor |
FaceScanLabelColor |
FillerSeparatorColor |
BackgroundColor |
Please refer to the following screens to understand how the colors are applied to the flows of AutomatID.
![Workplace](/assets/images/aid_home-e87119a3f417a9f8205a6022d7f4bb70.jpg)
Index | Identifier |
---|---|
1 | LightHeaderIconNormalColor, (LightHeaderIconPressedColor) |
2 | BackgroundColor |
3 | ButtonBorderNormalColor, ButtonBorderPressedColor |
4 | DocumentIconNormalColor, DocumentIconNormalColor |
5 | IconNormalColor, IconPressedColor |
6 | DarkTitleColor |
7 | DarkLabelColor |
8 | LightButtonLabelNormalColor, LightButtonLabelPressedColor |
9 | DarkLinkNormalColor, DarkLinkPressedColor |
![Workplace](/assets/images/aid_mrz_scan-32734f33e519ba4177764fc17243b1d3.jpg)
Index | Identifier |
---|---|
1 | MrzBackIconNormalColor, MrzBackIconPressedColor |
2 | MrzSuccessReadColor, default is white |
3 | LightLabelColor |
![Workplace](/assets/images/aid_start_scan-393b0b34f2368734c5aed0e20218cf78.jpg)
Index | Identifier |
---|---|
1 | LightButtonBgNormalColor, LightButtonBgPressedColor |
2 | LightTitleColor |
3 | LightLabelColor |
4 | LightButtonLabelNormalColor, LightButtonLabelPressedColor |
![Workplace](/assets/images/aid_scan_progress-8d2e9d0f899054ac0436527c320f6f77.jpg)
Index | Identifier |
---|---|
1 | NfcScanBarLoadingColor (only on Android) |
![Workplace](/assets/images/aid_data_summary-a005233f71ff8cdc4bcdd0c102b07958.jpg)
Index | Identifier |
---|---|
1 | FillerSeparatorColor |
2 | DarkButtonBgNormalColor, DarkButtonBgPressedColor |
3 | SummaryTitleColor |
4 | DarkTitleColor |
5 | DarkLabelColor |
6 | DarkButtonLabelNormalColor, DarkButtonLabelPressedColor |
![Workplace](/assets/images/aid_face_check-0159b199b9640a207a21b6703d1b3cf2.jpg)
Index | Identifier |
---|---|
1 | DarkHeaderIconNormalColor, DarkHeaderIconPressedColor |
2 | FaceScanLabelColor |
You can use the corresponding method in AutomatIdConfiguration
to set each color:
- Android
- iOS
val configuration = AutomatIdConfiguration.Builder()
.withBackgroundColor(ContextCompat.getColor(this, R.color.bg_color))
configuration.backgroundColor = [UIColor redColor];