在ionic3 的目录结构下,有一个主题 variables.scss文件,用于设置组件的颜色
$colors 中的内容如下:
$colors: {
primary: #387ef5,
secondary: #32db64,
danger: #f53d3d,
light: #f4f4f4,
dark: #222,
favorite: #69BB7B
};
如果ionic 内置的主题色 并不满足项目的颜色要求,可以通过在这个文件中的 $colors 部分新增自定义颜色主题即可,如:
![](https://images2018.cnblogs.com/blog/1011152/201809/1011152-20180911100742514-373362972.png)
其中,在guest 下还有两个变量,一个是base,一个是contrast
base: 指的是背景色,
contrast:指的是字体色
如:使用guest
![](https://images2018.cnblogs.com/blog/1011152/201809/1011152-20180911101033071-330570870.png)
![](https://images2018.cnblogs.com/blog/1011152/201809/1011152-20180911101015250-916018983.png)
如果将contrast 改为222的黑色字体,如下:
![](https://images2018.cnblogs.com/blog/1011152/201809/1011152-20180911101122021-1561601656.png)