在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的黑色字体,如下: