更改离子中所有页面的NavBar颜色

Question

我是离子新手,想要学习它.我的问题是如何更改离子3中所有页面的导航栏颜色.

我一直在使用以下代码

<ion-header>
  <ion-navbar color="primary">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Hello Ionic</ion-title>
  </ion-navbar>
</ion-header>

有没有办法改变所有页面的导航栏颜色而不是手动操作 <ion-navbar color="primary">

Answer 1

将以下行添加到variables.scss文件以全局更改颜色.

$toolbar-background: #3D9BDD;