ionic3 新增主题色

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