Filter My Blog
Browse documentation

Colours

Updated

Colours are set on the Design page and apply across every blog with a filter enabled. There's one colour scheme for the whole storefront, not one per blog.

The eight values

They're grouped into three states, matching how a reader actually encounters a tag:

Resting, how a tag looks before any interaction:

  • Background
  • Text
  • Border

Hovered, a pointer over the tag, before clicking:

  • Background
  • Text

Selected, the active, currently-filtered tag:

  • Background
  • Text
  • Border

Every picker accepts transparency, so a preset like Minimal or Underline, which use no background at all, can stay that way even while you adjust the other colours around it.

Matching your theme

There's no automatic theme-colour detection; colours are set by hand. The preview at the top of the Design page includes a page-background switcher (Light, Warm, Dark) specifically so you can check contrast against something closer to your theme than the app's own admin background. That matters before committing to a palette, since a colour that reads clearly against white can disappear against a warm cream or dark background.

Note

Colour values are validated when saved. Anything that isn't a real CSS colour (a hex code, rgb()/hsl(), or a named colour like transparent) is rejected and the previous value is kept, rather than being written through as-is.

Loading search index
to navigate to selectEsc to close