Themes

A theme controls the colours, typography, and spacing across every widget on a dashboard. Pick a built-in theme, or apply your organisation's Brand Kit for a fully branded look.

Built-in modes

Every dashboard supports three modes out of the box:

• Light — clean, high-contrast, good for office screens.
• Dark — reduced glare, well-suited to TVs and ambient displays.
• System — follows the viewer's OS preference and switches automatically.

Set the mode in Dashboard settings → Theme.

Brand Kit

Inside an organisation, set your brand colours and fonts once and apply them to every dashboard. Open Settings → Brand Kit:

• Logo — uploaded asset shown in headers and shareable previews.
• Colours — primary, accent, surface, and text colours. Each can be set per mode (light / dark).
• Typography — pick a Google Font from the curated list, or upload a custom font (Business plan).

Once a Brand Kit is set, dashboards in your organisation switch from the default theme to your brand by default. Individual dashboards can opt out under Dashboard settings → Theme.

Per-widget overrides

Most widgets pick up the active theme automatically. To override a specific widget — for example, to use a brand-red accent on a single number tile — open the widget's config panel and adjust the appearance section:

• Background — solid colour, gradient, or transparent.
• Border — radius, width, and colour.
• Text colour — primary, secondary, or a custom hex.

These overrides apply only to that widget instance; the dashboard theme is unchanged.

Custom fonts

The Business plan supports uploading custom font files (.ttf, .otf, .woff2). Upload at Settings → Brand Kit → Fonts. Once uploaded, your fonts appear in every dashboard's typography picker alongside Google Fonts.

Charts and series colours

Charts use a separate palette of up to five series colours, also configurable in Brand Kit → Chart palette. The palette applies to every chart widget unless overridden per-widget.

Programmatic theming

For embedded dashboards, you can override the theme via URL parameter:

https://www.widgets.pro/share/{shareToken}?theme=dark

See Sharing → Embedding for the full list of embed parameters.