Per-site Theming

Customise every widget's colour, radius, and font to match your brand — with a live preview.

ℹ Theming is a dashboard-only feature — no widget div is needed. Theme changes apply to all widgets on your site instantly.

What it does

Controls the visual appearance of all Statiq widgets on a site. The theme is fetched by the loader script and injected as CSS custom properties into the page — every widget inherits the same colour scheme, border radius, and font. Changes are reflected live without redeploying your site.

Setup

  1. Go to Dashboard → Theme.
  2. Adjust the accent colour, background, text colour, border radius, and font family using the controls.
  3. The live preview on the right updates in real time as you make changes.
  4. Click Save. All widgets on your site update immediately — no redeploy needed.

Customisable properties

PropertyDescription
Accent colourPrimary brand colour used for buttons, links, and highlights
BackgroundWidget card background colour
Text colourPrimary text colour used in widget content
Border radiusCorner rounding on cards and buttons (px)
Font familyFont stack applied to all widget text
ℹ Theme settings are per-site — different sites can have different themes. Changes to one site's theme don't affect other sites.