Basker Docs

Colour scheme in blocks

Apply a coordinated colour scheme to a block and understand how the site-wide default is set.

A colour scheme is a coordinated palette — background, text, and button colours that work together. Your theme defines a set of schemes (for example a light scheme, a dark scheme, and a brand-accent scheme), and every block can pick which one it uses. Choose a scheme and the block's background, text, and buttons recolour together.

You set this in a block's Settings, alongside spacing and padding and the other shared block controls.

Pick a colour scheme for a block

In the block's Settings you'll find Color Scheme — a picker that lists the schemes defined in your theme. Choose any one of them, and the block adopts that palette.

Each block can use a different scheme. A block left unset uses the site default scheme (see below).

Override the background and text directly

Below the scheme, turn on Custom Colors — off by default — to reveal two controls that replace individual colours for this block only:

  • Background Color — the block's background colour.
  • Text Color — the block's text colour. Left at its default, this stays an automatic readable colour that adjusts to the background.

Until you turn Custom Colors on, these two controls stay hidden and the block follows its scheme. Use them when a single block needs a one-off colour that none of your schemes provide. Otherwise, pick a scheme so the palette stays consistent.

Some blocks also offer Inherit Color Scheme and Inherit Parent Color Scheme toggles, off by default, which let the block take its scheme from the page or its containing block instead of being set directly.

The default scheme changes the whole site

One scheme in your theme is set as the site default. Every block that hasn't picked its own scheme inherits it, so it's the colour foundation for your entire site.

Editing the default recolours everything

Because unset blocks all follow the default scheme, editing that scheme changes colours across the whole site at once. To restyle just one block, pick a different scheme on that block — or use the Background Color and Text Color overrides. Only edit the default scheme when you genuinely want a site-wide change.

Where schemes come from

Colour schemes themselves — their names and palettes — are created and edited in your theme, not on individual blocks. A block only chooses among the schemes the theme already offers. Open Themes under Design in Basker and click Configure on your current theme to manage them. That's also where you set one scheme as the site default.

Where to go next

On this page