在 IONIC 2 组件上设置颜色

Question

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

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

Light 是默认的主题颜色，我如何让它反映在 ionic 应用程序上？

我已将 variables.scss 中的值更改为橙色。顶部的导航仍然是白色的，如何将其变为橙色？

Answer 1

只需在ion-toolbar 标签中添加颜色即可。

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

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

$colors:(custom:#your_color_code);