Instead of using your store’s global colors, you can override the heading and body text colors for product pages that use the
product.alternate page template.
For more information about product pages and the alternate template, see Product page.
When you change the heading font color for product pages, the Accent color you set in the section is overridden, but only for product information section of a product page that uses the
product.alternate template. The accent color still appears in the header and footer of the page.
In the following image, all of the purple text that you see would be overwritten by the Heading font color setting.
Note that before the heading font color and body text overrides are activated, you must select the Override default colors checkbox.
You can set a site border that creates a boundary around your entire site. It uses your Accent color.
In the image below, you can see what the site border looks like when it is enabled at 8 pixels wide.
Note that the site border does not appear on mobile devices. This is to improve the store experience for users who have small screens or screens with low resolution.
If you haven’t already picked a color palette for your store, you may be interested in these resources that could help you pick an effective scheme.