Theming and white label

The sportsbook has no fixed look. Every colour, the radius, the font, the row height, the density and the layout come from your tenant’s theme, so the iframe blends into the page around it.

Theme Studio

Edit the theme in the back office (/admin/) with Theme Studio:

• work on a draft with a live preview of the sportsbook, then publish it when it is ready;
• upload your logo and favicon;
• pick the density (compact or comfortable) and the layout (three-column or two-column) and edit the tokens below.

A published theme reaches open sportsbook pages without a reload: the sportsbook re-reads its configuration (GET /api/v1/config) every 30 seconds and whenever its tab becomes visible again.

Trade dress guardrail

The layout follows the information architecture players know from the large sportsbooks; the brand layer never copies theirs. The API and the editor refuse themes that imitate the green and yellow trade dress of a well-known operator.

Tokens

The client sets each token as a CSS custom property on the sportsbook’s root element (color-brand becomes --color-brand). The list and the neutral default come from @bookmaker/design-tokens, the same package the sportsbook is built with:

Token (CSS property)	Neutral default
--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

Tips for embedded sportsbooks

• Match color-bg to the area around the iframe and font-family to your site, so the frame edge disappears.
• color-brand paints the sportsbook header: in an iframe below your own header, a quieter brand colour usually looks better than a second strong bar.
• Check both auto and fill sizing on a phone (Embedding).

Full white label

With a full white label, the sportsbook runs on its own domain with your theme, plus our accounts, KYC and PIX cashier. It is configured, not integrated: talk to your account manager.