码迷,mamicode.com
首页 > 其他好文 > 详细

ionic4中自定义主题的颜色

时间:2019-11-04 15:57:10      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:添加   bsp   自己   怎么   ionic   ble   generator   base   col   

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.

 

 

ionic4中自定义主题的颜色

标签:添加   bsp   自己   怎么   ionic   ble   generator   base   col   

原文地址:https://www.cnblogs.com/johnjackson/p/11792111.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!