Custom Theme

The Skillz SDK allows developers to apply customized themes that alter the appearance of the Skillz UI.  This gives developers the flexibility to create a look and design that feels native to your game even while inside of Skillz.  This "Custom Theme" feature is optional if you would prefer to use the base Skillz color scheme. 

Finding the Theme Page

Your can try out different themes using the theming page.  This can be found by first choosing for which game you would like to create a theme.  Find that game and select "edit game" from your dashboard 

Screen_Shot_2017-11-17_at_2.06.02_PM.png

Then choose "Theme" from the lefthand menu

Screen_Shot_2017-11-17_at_2.07.34_PM.png

Selecting a Theme

To select one of the Skillz pre-made themes select an option from the dropdown menu.   Note that a game without a custom theme will default to the "Dark" setting.  Once you have decided on your option, you may further customize any of the colors or icons by clicking "Show Advanced."  When you are ready to save this theme to sandbox and test it out, just click the "Save to Sandbox" button.  If this is the first time you are making a theme for this game you will be prompted to name it.  

Note: A game may only have 1 custom theme, so making additional changes and selecting "Save to Sandbox" will overwrite the previous theme.  

The advanced settings allow you to edit and custom each detail of the UI.  Colors and gradients can be changed by specifying either RGB or Hex values and the majority of images such as the tournament icons or background.

A preview is available for each of the pre-made themes, however there are no previews for custom themes.  To preview you game with a customized theme just try it out on sandbox!

Downloading Your Custom Theme

After configuring your custom theme and pressing "Save to Sandbox", press the "Email Assets" button (shown below) to receive a download link of your custom Skillz SDK that contains your theme file.

Screen_Shot_2017-11-09_at_11.57.03_AM.png

Note for Unity developers: The Unity SDK does not come packaged with a custom theme, and you will need to integrate the custom theme separately for iOS and/or Android. 

  • For Unity-Android: Follow the instructions here
  • For Unity-iOS: Download the iOS SDK (not the Unity SDK) from the emailed custom theme links. The iOS SDK will contain the Skillz.framework containing your custom values and assets. When exporting from Unity to Xcode, be sure to select this Skillz.framework.

Viewing Your Custom Theme

Integrate the Custom SDK as you would a normal SDK, instructions here. Once integrated just open your app, launch Skillz and take a look!  When you are satisfied email integrations@skillz.com to sync your theme to production.