Configuration Steps
Customization is managed through the Smatvirtual Merchant Dashboard. No code changes are required on your end.- Log In: Access your account on the Merchant Dashboard.
- Navigate to Settings: Locate the Theme Customization section.
- Upload Logo: Provide a PNG or JPEG logo. This will appear within the game interface to reinforce your brand.
- Define Colors: Update the hex codes for the keys listed below.
- 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 LobbyNeed a Custom Theme? If our standard customization keys don’t meet your
specific branding requirements, contact
support@smatvirtual.com to discuss
bespoke UI solutions.