在ionic3 的目录结构下,有一个主题 variables.scss文件,用于设置组件的颜色
$colors 中的内容如下:
$colors: {
primary: #387ef5,
secondary: #32db64,
danger: #f53d3d,
light: #f4f4f4,
dark: #222,
favorite: #69BB7B
};
如果ionic 内置的主题色 并不满足项目的颜色要求,可以通过在这个文件中的 $colors 部分新增自定义颜色主题即可,如:

其中,在guest 下还有两个变量,一个是base,一个是contrast
base: 指的是背景色,
contrast:指的是字体色
如:使用guest


如果将contrast 改为222的黑色字体,如下:
