ionic4的主题样式提供了一些主题样式,也可以自定义,比如可以修改主题样式的颜色,官方文档(https://ionicframework.com/docs/theming/colors)里说了怎么写CSS,但是没说写在哪个文件,我测了一下,应该是写在src/theme/variables.scss中,

官方提供的主题颜色生成器:https://ionicframework.com/docs/theming/color-generator,这个生成器,只能生成(修改)ionic自带的9个命名主题颜色。

要自己添加更多(命名主题)颜色 ,可以用这个文档下方的自定义颜色生成器:https://ionicframework.com/docs/theming/colors

所谓(命名)颜色主题,官方提供了9个默认的命名颜色主题。而每个命名颜色主题有相应6种状态,每个状态都要有相应的颜色值,比如primary这个主题,其对应6种状态:base、Base (rgb)、contrast、Contrast (rgb)、shade、 tint.

 

 

相关文章:

  • 2022-01-25
  • 2021-10-09
  • 2022-12-23
  • 2021-05-03
  • 2021-07-04
  • 2022-02-21
  • 2019-10-31
猜你喜欢
  • 2021-05-12
  • 2022-01-17
  • 2022-12-23
  • 2021-07-19
  • 2021-07-24
  • 2021-03-30
相关资源
相似解决方案