google-pay / google-pay-button

Google Pay button - React, Angular, and custom element
Apache License 2.0
250 stars 60 forks source link

Button color is always black #192

Closed mjbour closed 1 year ago

mjbour commented 1 year ago

Hi,

I've noticed today that the google pay button color is converted to black, although i'm setting the buttonColor property explicitly to be white, yet i'm getting the black version.

not sure what's wrong in this, i've tried also the stackBlitz example https://stackblitz.com/edit/google-pay-react?file=src%2FApp.js

it does show the same issue:

image

dmengelt commented 1 year ago

Hi @mjbour Thanks for reporting this. We just recently changed the Button to only be available in one color: https://developers.google.com/pay/api/web/guides/brand-guidelines#style

The grey border around the button will make sure that it works also on black backgrounds:

image

We will update the samples in the upcoming days!

mjbour commented 1 year ago

Thanks @dmengelt, that make sense.

piotrponikowski commented 1 year ago

Hi @dmengelt Is there changelog available?

Is it possible to adjust border radius? I am interested in displaying google pay button as in previous version, to keep style matching my other UI elements.

dmengelt commented 1 year ago

Hi @piotrponikowski unfortunately there is no changelog available for this change. I'm sorry. It is currently not possible to adjust the border radius.

dmengelt commented 1 year ago

@piotrponikowski after feedback from partners we decided to revert this change. the white button variant is now available again.