Theming & White-Label

Customize the Velo game to match your casino's brand identity. Every visual element is controlled by CSS design tokens.

Available Tokens

The game frontend uses CSS custom properties for all visual styling:

Colors

Token	Default	Description
bg_primary	#06060c	Page background
bg_secondary	#0d0d16	Section backgrounds
bg_card	#111120	Card and panel backgrounds
accent	#7c3aed	Primary brand color (CTAs, highlights)
up	#22ff88	"UP" direction color
down	#ff3355	"DOWN" direction color
text_primary	#f0f0f5	Main text color
text_secondary	#8888a0	Secondary/muted text
border	rgba(255,255,255,0.06)	Border color

Typography

Token	Default	Description
font_family	Inter	Primary font
font_mono	JetBrains Mono	Monospace font (prices, odds)

Layout

Token	Default	Description
border_radius	12px	Global border radius
chart_height	400px	Chart area height

Current Setup

For the current release, theming is configured per-operator during onboarding. Contact us with your brand colors, logo, and font preferences and we'll configure your instance.

Theme API (Planned)

Coming Soon

A self-service Theme API is planned that will allow operators to configure branding programmatically:

POST /api/v1/operator/theme

{
  "colors": {
    "bg_primary": "#06060c",
    "accent": "#e94560",
    "up": "#00ff88",
    "down": "#ff3355"
  },
  "branding": {
    "logo_url": "https://your-casino.com/logo.svg"
  },
  "typography": {
    "font_family": "Your Custom Font"
  }
}

This will enable real-time theme previews and instant branding updates without redeployment.

CSS Override (Advanced)

For complete control, a custom CSS URL can be injected at the operator level:

custom_css_url: "https://your-casino.com/velo-overrides.css"

WARNING

Custom CSS is loaded after the default theme. Use specific selectors to avoid breaking core functionality.