Automattic / woocommerce-payments

Accept payments via credit card. Manage transactions within WordPress.
https://wordpress.org/plugins/woocommerce-payments/
Other
175 stars 69 forks source link

Links in tooltips are too light color, hard to read / click #9559

Closed shendy-a8c closed 4 weeks ago

shendy-a8c commented 1 month ago

Describe the bug

The link in this tooltip looks too light.

Image

To Reproduce

  1. Go to the deposits list page, ie wp-admin > Payments > Deposits (or Payouts)
  2. Click on the deposit schedule tooltip like the screenshot above.

Actual behavior

Links' color is too light making it almost unreadable.

Additional context

Discovered while working on https://github.com/Automattic/woocommerce-payments/pull/9528.

haszari commented 1 month ago

Marking as high since this is clearly a regression and makes WooPayments harder to use (accessibility issue).

Note that this affects all tooltips, so likely an upstream/general style change somewhere.

Some other examples:

Image Image Image

Jinksi commented 4 weeks ago

Related to #9273, which changed the text color for dark-background tooltips, inadvertently impacting light-background tooltips.

Jinksi commented 4 weeks ago

See https://github.com/Automattic/woocommerce-payments/blob/e398dd77bbf6a5ba07f18ded4109caae508e9cd1/client/components/tooltip/style.scss#L58-L61