在IONIC 2组件上设置颜色

时间:2018-01-12 22:48:01

标签: angular ionic-framework sass

我有一个简单的sidemenu ionic 2项目,我正在尝试更改顶层菜单的颜色。

 <ion-toolbar color="light" >
  <ion-title>Menu</ion-title>
</ion-toolbar>

Light是默认的主题颜色,如何让它反映离子应用?

我已将variables.scss中的值更改为橙色。顶部的导航仍为白色,如何将其更改为橙色?

1 个答案:

答案 0 :(得分:0)

只需在ion-toolbar标记中添加颜色。

<ion-toolbar color="custom"></ion-toolbar>

在variable.scss文件中包含custom颜色。

$colors:(custom:#your_color_code);