Dark mode & transparent header
Two optional looks. Both are off by default, so your site looks exactly as it does now until you choose otherwise.
All documentation
Where:AppearanceCustomizeDark Mode & Header Style
Dark mode
| Choice | What visitors see |
|---|---|
| Off | Light only (default). |
| Visitors can switch — starts light | A moon icon in the header switches to dark; their choice is remembered. |
| Visitors can switch — starts with their device setting | Dark for visitors whose phone or computer is set to dark, with the same switch. |
| Always dark | The whole store is dark. |
Tip: Your logo is inverted automatically for dark mode. For the best result upload a light version under "Logo for dark mode".
Transparent header on the homepage
The homepage hero runs edge to edge behind a frosted-glass header, which turns solid when visitors scroll. Every other page keeps the normal header. A logo saved as a PNG with a transparent background looks best on the glass header.
Need a hand? Support is $5 a year.
Get support →