Status bar color on a specific page

#1

I’d like to set a general setting for status bar color and a specific color for one particular page of the app.
How can I do this without having to set the color in each page separately?

In app.component.ts I’m setting the general color

statusBar.styleLightContent();
statusBar.backgroundColorByHexString("#80D4FF");

If I set a specific color in my page.ts the app will then keeps this last setting because app.component.ts is only called once.

#2

Add bellow class in the CSS file of the component
.toolbar-background-md {
background-color:#EDFDDE !important;
}