Look and feel: light or dark, your colours, your logo

Light or dark, per person

Every page has a ◐ button in its header. Agents, supervisors and anyone looking at a report press it to switch between light and dark; the choice is remembered in that browser and follows the computer's own setting until changed. The agent panel, console and report start light; the wallboard starts dark, which reads better on a TV.

Your brand, per stack

Supervisors open Brand at the top of the console and set:

• the name shown in every header and page title (the default is Arena),
• the accent colour for buttons, bars and highlights,
• the highlight colour for prizes, streaks and gold,
• the company logo, uploaded from a file: PNG, JPEG, SVG or WebP up to 300 KB. It is stored on your own site next to the pages and shown in every header, including the wallboard.

The brand applies to everyone on the stack, in light and in dark, and the colours are adjusted automatically so text stays readable on them. Back to Arena defaults restores the original look.

Wallboard display

A wallboard's header has three small controls, visible on hover: ◐ for light or dark, A+ for larger text, and ◑ for high contrast. They are remembered on that TV's browser, so each screen in the building can be set up for its room.

Where things are stored

The brand lives in the stack's table, and the logo in the site bucket under brand/. Light-or-dark and wallboard display choices live only in the browser that made them.

Current as of version 0.14.0. See the release notes for what changed since.