全局 Ionic2 导航栏着色

Question

我今天刚开始使用 ionic v2，我正在尝试为我的应用程序着色以符合我的喜好。在使用颜色变量时给出了一些颜色，我找不到如何根据我的喜好为每个导航栏着色，尽管我可以单独为它们着色。为了给所有导航栏提供相同的颜色，我应该访问哪些变量？

提前谢谢。

Answer 1

这是全局上只有 sigle 类可以更改工具栏颜色的原因。

.toolbar-background{
     background-color: "color you want to give" !important;
}

或者您可以为每个平台单独执行，例如

 .toolbar-wp-themecolor .toolbar-background-wp{
}
.toolbar-md-themecolor .toolbar-background-md{
}
.toolbar-ios-themecolor .toolbar-background-ios{
}

或者如果你想用全局颜色变量控制，那么对于每个页面，你可以使用像

<ion-header>
  <ion-navbar color="themecolor">
    <ion-title>Notifications</ion-title>
  </ion-navbar>
</ion-header>

其中主题颜色可以在变量.scss中定义

$colors: (
  primary:    #387ef5,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  white: #ffffff,
  themecolor: #574D70
);