I'm sort of hacking the interface of Wunderlist (To-do app) and originally all tasks backgrounds are 0% transparant, slightly gray coloured. I'm trying to change the opacity of each. Luckily, Wunderlist uses images for their UI.

enter image description here

However, when I change the opacity of the image and copy it to the resources folder of the app, it's gray in the app..

Screenshot - The result after my edits

The original UI Originally, the task bars look all as white, slightly gray as in the original image above

I'm currently looking for a way to have white, slightly (60%) opaque bars instead of the gray ones in the screenshot above. If possible, even whiter than in the second (original) image.

I've tried simply changing the transparant layer value and also messing with the channels, but all result in the gray bars as below.

Who got some suggestions? Thanks!

  • Can you provide the file that you are inserting? I suspect that it might simply not be white.
    – KMSTR
    May 6, 2014 at 9:47
  • @KMSTR, The file with the text "Link to the original image" is a link to the original file. It indeed is not 100% white, slightly gray, just as you can see in the second image I've attached. However! A flat, perfect white but 60% opaque image with W.192px X H.68px dimensions would perfectly fit as an answer. However, I'd still like to know how to achieve transparency, but keep the perfect white color. Thanks! May 6, 2014 at 10:02
  • Then I don't understand the question. Do you want it to be gray like the first or whit as the second?
    – KMSTR
    May 6, 2014 at 10:22
  • I'll change the topic itself right after this comment.. The second image is how Wunderlist itself is, originally. The first image is after I edited the source images, where you can see the bars became transparent, but gray. What I would like to achieve is to have those bars be equal or even whiter as the white bars in the second image, but half less opaque, so they become see-through. To achieve that, I need a 192x68px flat white coloured, 50% transparent image. I hope that clarifies enough? Thanks! May 6, 2014 at 10:28
  • I honestly think the problem lies in the app itself, instead of the image. Call me wrong, but i'd say the most brightest white image with 50% transparency, is one where in Photoshop I create a white filled layer and adjust the fill to 50% and then save as PNG. - Just like that I did, but it remains quite gray, just like in the first image I've attached.. May 6, 2014 at 10:35

1 Answer 1


Mac Applications are normally build using xCode.

When we place an image into application, within xCode we can choose how we want this image to be shown: for example if we want some image disappear slowly, we rise its transparency by operating (decreasing) Alpha -

enter image description here

If we change the Alpha and built the application, then the Application will change the original picture accordingly to the alpha value in the build time.

Thus, if you exchange the picture in folder and not change the alpha within xCode before building the Application, expectably you will get unexpected results.

If the explanation above is related to your situation, you only can play with the parameters and try to achieve the result you want. If you want expected results, you should have the xCode source file which is impossible in your situation.

  • Thanks for your extended answer. With every comment more I was getting more and more sure and afraid that the expected result I'd want to achieve was not achievable. The application is indeed written in xCode, but sadly I do not have the source files, only the application itself. I've tried my best by exchanging the images within the application, without editing the app itself. I think I have to live with the results I got till now. Thank you. May 6, 2014 at 12:09

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.