Change your store's style and colours

Change it

1. Open Your page, then Edit page, then the Style section.
2. Pick a style: Harbour (paper, charts and the sea) or Clean (quiet, all about the work).
3. Next to Colours, pick Light or Dark.
4. Click the swatch next to Accent colour to choose your own. Reset brings back the style's colour.
5. Click Publish changes.

All of this is free, on every plan.

Good to know

• Your accent colour resets when you change style or switch between light and dark. Set it last.
• Your banner and footer stay as they are when you change style. If you want the look that goes with a style, pick its banner and footer yourself.
• A style sets the fonts and the corners. You can't choose fonts separately.
• Visitors see the same mode you pick. The store doesn't follow their device's light or dark setting.
• There's no custom code. You can't add your own CSS, HTML or scripts.

Other places to add colour

• A Colour banner lets you use one of six colours or any other, with a pattern on top. See banners and footers.
• Each project can have its own colour. See show your projects.

Turn off the movement

Some banners and footers move. In the Animations section, switch off Move the banner and footer to keep them still for everyone. It's on by default. Visitors can also pause them, and they stay still for anyone who has asked their device for less motion.

Check it before you publish

Use Mobile and Desktop in the editor, and try your accent colour against both your banner and your buttons. Your changes aren't live until you click Publish changes.