Status bar color should be same like current page background color. It should be dynamic. I tried using cordova plugin but I'm not able to set different color for different pages.
You can definitely try to use [ngStyle] in your Angular for this depending on a condition you have, for example:
<div class="status-bar" [ngStyle]={'background-color': status === 'online' ? 'green' : 'red'}></div>