在ionic3 的目录结构下,有一个主题 variables.scss文件,用于设置组件的颜色

ionic3 新增主题色

$colors 中的内容如下:

$colors: {
  primary: #387ef5,
  secondary: #32db64,
  danger: #f53d3d,
  light: #f4f4f4,
  dark: #222,
  favorite: #69BB7B
};

如果ionic 内置的主题色 并不满足项目的颜色要求,可以通过在这个文件中的 $colors 部分新增自定义颜色主题即可,如:
ionic3 新增主题色

 

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

 


ionic3 新增主题色

 

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

ionic3 新增主题色

ionic3 新增主题色

 



相关文章:

  • 2022-12-23
  • 2021-11-21
  • 2021-09-08
  • 2021-11-12
  • 2021-08-17
  • 2021-08-31
  • 2022-01-23
猜你喜欢
  • 2021-08-26
  • 2022-12-23
  • 2021-12-15
  • 2022-12-23
  • 2022-12-23
  • 2021-07-04
  • 2021-08-21
相关资源
相似解决方案