Change App Overview Title Bar Color (Android & Ionic)

Question

Is there a way to change the marked color below? I'm using using Ionic v3.x and couldn't find anything here and within Ionic docs. Thanks upfront for any tips!

Answer 1

The Header Color plugin is used to change the header color in multitask view.

Plugin github page: https://github.com/tomloprod/cordova-plugin-headercolor

Example from Ionic documentation:

import { HeaderColor } from '@ionic-native/header-color';

constructor(private headerColor: HeaderColor) { }

...

this.headerColor.tint('#becb29');

Answer 2

Try this:

// set status bar to white
this.statusBar.backgroundColorByHexString('#ffffff');

Doc link: https://ionicframework.com/docs/native/status-bar/