Tema e white label

O sportsbook não tem aparência fixa. Todas as cores, o arredondamento, a fonte, a altura das linhas, a densidade e o layout vêm do tema do seu tenant, para que o iframe se misture à página em volta.

Theme Studio

Edite o tema no back office (/admin/) com o Theme Studio:

trabalhe em um rascunho com pré-visualização ao vivo do sportsbook e publique quando estiver pronto;
envie o seu logo e o seu favicon;
escolha a densidade (compact ou comfortable) e o layout (three-column ou two-column) e edite os tokens abaixo.

Um tema publicado chega às páginas abertas do sportsbook sem recarregar: o sportsbook relê a configuração (GET /api/v1/config) a cada 30 segundos e sempre que a aba volta a ficar visível.

Tokens

O cliente aplica cada token como uma propriedade CSS customizada no elemento raiz do sportsbook (color-brand vira --color-brand). A lista e o padrão neutro vêm de @bookmaker/design-tokens, o mesmo pacote com que o sportsbook é construído:

Token (propriedade CSS)	Padrão neutro
`--color-bg`	`#e9edf2`
`--color-surface`	`#ffffff`
`--color-surface-2`	`#f4f6f9`
`--color-surface-3`	`#dfe5ec`
`--color-border`	`#d3dae3`
`--color-text`	`#1b2430`
`--color-text-muted`	`#5d6b7c`
`--color-text-inverse`	`#ffffff`
`--color-brand`	`#1c2733`
`--color-brand-contrast`	`#ffffff`
`--color-accent`	`#2f6fed`
`--color-accent-contrast`	`#ffffff`
`--color-odds-bg`	`#f4f6f9`
`--color-odds-text`	`#1b2430`
`--color-odds-hover`	`#e3ebfb`
`--color-odds-selected-bg`	`#2f6fed`
`--color-odds-selected-text`	`#ffffff`
`--color-up`	`#15803d`
`--color-down`	`#c53b3b`
`--color-live`	`#c93030`
`--color-suspended`	`#9aa5b1`
`--color-success`	`#15803d`
`--color-warning`	`#a16207`
`--color-danger`	`#c53b3b`
`--font-family`	`Inter, 'Segoe UI', Roboto, Arial, sans-serif`
`--font-size-base`	`13px`
`--radius`	`4px`
`--row-height`	`44px`

Dicas para sportsbooks incorporados

Use em color-bg a cor da área em volta do iframe e em font-family a fonte do seu site, para a borda do frame desaparecer.
color-brand pinta o cabeçalho do sportsbook: num iframe abaixo do seu próprio cabeçalho, uma cor de marca mais discreta costuma ficar melhor do que uma segunda barra forte.
Confira os modos auto e fill em um celular (Incorporação).

White label completo

No white label completo, o sportsbook roda em um domínio próprio com o seu tema, mais as nossas contas, KYC e caixa PIX. Ele é configurado, não integrado: fale com o seu gerente de conta.