To make the payment widget looks better with your design we have provided the ability to customize the color of some elements of the widget interface.

What design elements can be changed?

primaryFill – large buttons, back arrow, cross, links, chosen line in currency combobox. Default value #6a42e9.

Untitled

primaryText – amount, currency short name, menu button, menu items, window’s name. Default value #28334e.

Untitled

secondaryText – field’s names, placeholders, additional text, currency’s names. Default value #a2a9b9.

Untitled

formStrokeColor – border’s color. default #e6e6eb. On the picture #aa0000 (red).

Untitled

backgroundColor – background color. Default value #ffffff. successColor – color of verification status icon (tier2). Default value #00d2a8. sarningColor – color of session timeout icon. Default value #df3e6f.

boxShadow – widget shadow, edit shadow. Default value - rgba(40, 51, 78, 0.3). on picture rgba(0, 100, 0, 0.7)(green). We recommend to set field values as RGBA to set transparency.

Untitled

How it works?