Skip to main content
To ensure a cohesive experience for your players, Smatvirtual allows operators to customize the visual theme of the game iframe directly. These changes are applied dynamically across our Instant Games and Tournament engine.

Configuration Steps

Customization is managed through the Smatvirtual Merchant Dashboard. No code changes are required on your end.
  1. Log In: Access your account on the Merchant Dashboard.
  2. Navigate to Settings: Locate the Theme Customization section.
  3. Upload Logo: Provide a PNG or JPEG logo. This will appear within the game interface to reinforce your brand.
  4. Define Colors: Update the hex codes for the keys listed below.
  5. Preview & Save: Use the built-in preview tool to verify the look before pushing to production.

Theme Configuration Keys

The following keys control the CSS variables within the game iframe.

Core Brand Colors

Button Styles

Tournament Table Specifics

These keys are specific to our Flagship Tournament engine’s leaderboard and UI.

Strategic Tips

Contrast for Accessibility

Ensure your primaryTextColor has high contrast against your primaryColor to keep the UI readable.

Mobile Optimization

Keep logos simple. Highly detailed logos may become difficult to read on smaller mobile game screens.

Advanced: Disabling the Game Lobby

If you prefer to navigate users through your own custom lobby, you can disable the smatvirtual default lobby view. Learn how to disable the Game Lobby
Need a Custom Theme? If our standard customization keys don’t meet your specific branding requirements, contact support@smatvirtual.com to discuss bespoke UI solutions.