Colors
Colour the play badge on video thumbnails, and find where the add-to-cart button colours are set.
Where to find it: open a widget and click the Colors tab.
Most of a widget's colours are on its layout tab: the ring, the background, arrows, and product chips. The Colors tab covers the play badge.
Play badge
The marker on a thumbnail that says it's a video, not an image.
| Setting | What it colours | Default |
|---|---|---|
| Icon | The play triangle. | White |
| Behind the icon | The circle behind it, drawn slightly see-through. | Black |
The badge shows on video thumbnails in Stories, Carousel, and Grid, and on the Pop up bubble. On the Product page strip, it's a small icon in the corner with no circle behind it, so only Icon applies.
Change the play badge colours
Open the widget and click the Colors tab.
In the Play badge card, click Icon and pick the colour of the triangle.
Click Behind the icon and pick the colour of the circle. Make sure the two contrast with each other.
Click Save.
Add to cart button
Set these in Settings instead
The Add to cart button card on this tab has two colour fields, Button and Button text. They don't change your storefront. The add-to-cart button in the player always uses the shop-wide Button background and Button text in Settings → Appearance, so set them there to match your theme's buttons.