Custom Theme

You are able to customize the look of the Skillz UI using our “Custom Theme” feature so that it can feel native to your game. Although we recommend customizing your theme, it is not mandatory, and you may opt to stick with our default “Dark Theme.” You can edit your game’s theme before you launch or edit a previously launched game.

 

Finding the Theme Page

 

First Time Users

Open the integration process by either starting a new project, or continuing one in progress, by clicking the corresponding button in the top right corner of your home screen.

Screen_Shot_2018-11-05_at_10.03.39_AM.png

 

Once you’ve completed all required preliminary steps from the left menu, you’ll be able to access the “SDK Theme”.

Screen_Shot_2018-11-05_at_10.05.56_AM.png 

 

Returning Developers

Go to your dashboard and click the "edit game" button for any of your previously integrated games.

Screen_Shot_2018-11-05_at_10.06.46_AM.png 

 

Selecting a Theme

 

To choose one of the Skillz pre-made themes, select an option from the dropdown menu. Please note that a game without a theme will default to the "Dark" setting.

 

Screen_Shot_2018-11-05_at_10.08.12_AM.png 

 

You can then further customize any of the colors or icons by clicking "Create a custom theme to better match your game” and then editing any of the form fields within the dropdown menu.

Screen_Shot_2018-11-05_at_12.39.41_PM.png 

 

 

Once you’re happy with your changes, click “Save” and we’ll email your downloadable custom-theme SDK within 5 minutes.

 

Please note:

A game may only have 1 custom theme, so making additional changes and clicking “Save” 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. The majority of images such as the tournament icons or background can be changed.

 

A preview is available for each of the pre-made themes, however there are no previews for custom themes. To view your game with a customized theme, look out for our email within 5 minutes of saving.

 

Downloading Your Custom Theme

Go to your email associated with your Skillz account to receive a download link of your custom iOS Skillz SDK that contains your theme file (or JSON file for Android).

Screen_Shot_2018-11-05_at_11.29.08_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
  • 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 (iOS)

Integrate the Custom SDK like you would for the 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.

 

Viewing Your Custom Theme (Android)

To apply a custom theme to your android game, you will configure and then download a custom_theme.json file which you will place it in the “assets” directory of your game’s Android Studio project. When you are satisfied email integrations@skillz.com to sync your theme to production. For more information, check out the Android Custom Theme documentation here.