accent_component.ts

import {App, Config, Loading, LoadingOptions, Platform} from "ionic-angular";
import {AccentColor} from "./constant-variables";
import {StatusBar} from "@ionic-native/status-bar";

export class GreenAccentController {
    constructor(public platform: Platform,
                public statusBar: StatusBar,) {

        platform.ready().then(() => {
            if (this.platform.is('android')) {
                this.statusBar.overlaysWebView(false);
                this.statusBar.styleLightContent();
                this.statusBar.backgroundColorByHexString(AccentColor.GREEN_ACCENT);
            }
        })
    }
}

export class RedAccentController {
    constructor(public platform: Platform,
                public statusBar: StatusBar,) {
        platform.ready().then(() => {
            if (this.platform.is('android')) {
                this.statusBar.overlaysWebView(false);
                this.statusBar.styleLightContent();
                this.statusBar.backgroundColorByHexString(AccentColor.RED_ACCENT);
            }
        })
    }
}

login.ts

@IonicPage()
@Component({
    selector: 'page-login',
    templateUrl: 'login.html',
})
export class LoginPage extends GreenAccentController {
  constructor(public platform: Platform,
                public statusBar: StatusBar,
                ) {
    super(platform, statusBar);
}