Accent color
Index uses one accent color for small touches: underlines, highlights, and buttons. Set it in Settings, then Design & branding, then Customize, then the Brand tab, under Accent color. Ghost uses the same color in your emails, so everything matches.
New Ghost sites start with a bright pink accent. Since Index’s default hover style, Accent fill, uses the accent on every project row, change it before you share your site.
You can pick any color. Index adjusts it for you so it is always easy to see and read:
- Underlines get a little darker on the light scheme and a little lighter on the dark scheme, so they stand out against the page.
- Highlights (like the Accent fill hover style) always have black text on them. If your color is dark, Index uses a lighter shade of it there so the text stays readable.
If your Hover style is Invert fill or Invert underline, Index doesn’t use the accent color at all: underlines and highlights are black on the light scheme and white on the dark one. Pick Accent fill or Accent underline to bring the color in.
Your exact color is still used in your emails. Index looks best with a light, clear color. A few that work well (copy the code into the color box):
| Color | Code |
|---|---|
| fog, a soft gray (used on the demo) | #E8E8E8 |
| fjord blue | #80C1FE |
| sage | #9BCE90 |
| dandelion | #FBDC4B |
| cloudberry | #FCA34D |
| lingonberry | #F66D67 |
| fireweed | #F4A0C8 |
| heather | #C4AFFD |