Woocommerce-admin: Product review placeholder image

[joshuatf]

Describe the bug
The placeholder image looks odd with the white background when an image is not set. Almost looks like 2 misaligned images.

To Reproduce

1. Add a product with no image.
2. Open the "Reviews" tab from the wc-admin header.
3. Note the placeholder image with the adjacent user avatar.

Expected behavior
Expected a border, slight gray background, or different placeholder image. @LevinMedia what do you think? Does this look okay to you or are changes warranted?

Screenshots

[timmyc]

/cc @LevinMedia and @josemarques

[LevinMedia]

In cases where a product image hasn't been set, let's add a $core-grey-dark-500 color overlay to the placeholder product image with 10% opacity.

[Aljullu]

@LevinMedia I was taking a look at this issue and it looks like the placeholder image we use has a white background:

https://github.com/woocommerce/woocommerce/blob/master/assets/images/placeholder.png

Do you know if we have a similar asset with gray or transparent background?

[LevinMedia]

@Aljullu Heya! I don't think we do... I could always create one. I ran into the same problem while designing, my proposed solution was using a grey color overlay on the image:

In cases where a product image hasn't been set, let's add a $core-grey-dark-500 color overlay to the placeholder product image with 10% opacity.

Would you prefer a transparent png?

[Aljullu]

@LevinMedia my bad, I read it too fast. :man_facepalming:

Would you prefer a transparent png?

No need for that, thank you!