ionic4中自定義主題的顏色


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.

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM