1) Is this supposed to be a recreation of what is currently seen on screen? If so, you need to look at what they use much more closely before you even think about updating - virtually everything is wrong.
If we overlay your mock on a screengrab, we can see the vertical alignment is miles off.
Side by side and it becomes obvious the colours are wrong, the fonts are wrong, the Coming Up text is miles off where it should be.
Wrong colours, wrong fonts, everything is too large, Singapore is overflowing the box, vertical alignment is ok, but the horizontal alignment is all over the place.
Again, the vertical alignment is off - I didn't even need to overlay it to see the actual ticker here, I just cropped the bottom off your image. Again, the colours are wrong, the fonts are wrong, and the horizontal alignment is wrong. And like the live bug, everything's too big again.
So, if this is a recreation, this is a 1-star mock at best, it looks nothing like the source material, and with an internet connected computer it's easy to get screen grabs of the source material, so there's no excuse for things being this wrong. It only gets that 1 star for the lack of spelling mitsakes.
2) Whatever software you're using to create your images, it's doing it wrong.
Please don't upload 8MB images again.
The first of your images can be compressed, losslessly, in the same PNG format to less than 50kB. I'm assuming there's loads of editing information being stored in the files you've uploaded, don't upload those files, look for an "Export" option and upload those files instead.