Clockface with images not working

[Radudude]

Hi

I was trying to create a clockface based on the example of the digital clockface on github.

 https://github.com/Fitbit/sdk-lcd-clock

I created my image in photoshop but when i change it in fitbit studio it fills up the entire image and not just the number.

    These are the number I use, on the left my new 0.png (with transparant background) vs the original number (also with transparant background). 

I'm not sure what I'm doing wrong. Are there specific properties necessary for the image?

Kind regards

Radu

[JonFitbit · Accepted solution]

This page explains the concept. It needs to be an 8-bit grayscale PNG.

https://dev.fitbit.com/build/guides/user-interface/css/#grayscale-magic-