Themes and branding
Reuse display colors and fonts, then add normal and inverted logos
Screen themes provide reusable colors and fonts. Screen Settings holds the site's normal and inverted logos. A slide can use both systems together.
These settings are separate from your public website's theme.
Create a screen theme
Open Screens → Themes and create a theme. Give it a clear name, then choose:
- A heading font
- A body font
- Background color
- Surface color
- Text color
- Primary color
- Accent color
The font picker includes the fonts available to your site, including uploaded custom fonts. Color fields accept hex colors, with or without an alpha channel.
The theme preview helps you check the palette and typography together before using it in slides.
Apply a theme
Open a template or blank slide in the slide builder. Select the slide itself, then choose the theme under Design → Theme.
Theme color roles appear as quick choices in compatible color controls. Use roles such as text, background, or accent instead of repeating fixed hex values when you want later theme changes to remain consistent.
A color control can store a theme role or a fixed hex value. Colors that use a role follow later theme changes. Fixed hex colors stay unchanged. Heading blocks inherit the heading font, while other text uses the body font unless you override it.
Selecting a theme sets the slide's base background to that theme's Background color. Selecting No theme resets the base background to white.
A slide created from a template receives that template's theme. The theme is template-owned for that slide, so change it by deliberately applying another template.
Editing the selected screen theme's colors or fonts updates slides that still reference it after the player refreshes.
Set the logos
Open Screens → Settings and select:
- Branding logo: the normal logo used across screen slides.
- Inverted logo: an alternate version, usually light, for dark backgrounds.
If the inverted logo is empty, Basker uses the normal branding logo instead.
Show branding on a slide
In the slide builder, select the slide and turn on Show brand logo. You can then:
- Use the normal or inverted logo.
- Place it in any corner.
- Change its size.
- Change its distance from the slide edges.
Branding is a per-slide choice. If you turn it on for one slide, it does not force the logo onto every other slide.
The separate Logo block is useful when the logo must sit inside the layout, not as a corner overlay. It shows the Screen Settings logo styled by the selected screen theme. Use the corner branding option instead when a slide has No theme.
Test theme changes
The public player checks for content changes every 15 seconds. After changing a theme or logo, allow a short delay and check the signed channel preview.
Test normal and inverted logos over their intended backgrounds. Confirm that custom fonts load on the display device before you leave it unattended.
You cannot delete a screen theme while a template or slide still uses it. Change those designs to another theme first.