FoxrFoxr

Appearance

The player's light or dark theme, the add-to-cart button colours, and your brand logo on videos.

Where to find it: Settings → Appearance.

SettingWhat it doesDefault
ThemeDark or Light. Colours the player's buttons, the backdrop behind it, the bars around clips that don't fill the frame, and caption text. The video itself, the product card, and the quick-add panel aren't affected.Dark
Button backgroundThe Add to cart button in the quick-add panel, in every widget.Black
Button textThe text on that button.White
Brand logoYour logo in the top-left corner of the fullscreen player.None

Set the button colours to match your theme's own buttons. These are the only add-to-cart colours that reach your storefront. The colours on a widget's Colors tab don't apply.

Change the theme and button colours

Click Settings in the app menu, then click Appearance.

Next to Theme, choose Dark or Light.

Click the colour box under Button background and pick a colour, or type a hex code such as #1A73E8. This is the colour of the Add to cart button.

Do the same for Button text, the colour of the words on that button. Pick one that's easy to read on the background.

Click Save. You'll see Settings saved.

To check it, open your store, tap a video, then tap the product card. The quick add panel shows your button colours.

Click Settings in the app menu, then click Appearance.

Drop an image onto Brand logo, or click it to choose one. GIF, JPG, PNG, or WebP, up to 20 MB.

It uploads and saves straight away. You'll see Brand logo uploaded. No need to click Save.

The logo shows in the fullscreen player at up to 96 × 32 px. It's hidden in the mini player. Use a transparent PNG that stays legible over video, such as a white logo with a soft outline.

To change it, drop a new image onto Replace brand logo. To remove it, click the red bin icon next to the logo. The image file stays in Shopify Files.

On this page