1、Ionic Theming(主題)
Ionic4.x 修改主題顏色的話需要在 src/theme/variables.scss 文件中修改。
2、增加內置主題顏色
找到 src/theme/variables.scss 文件,如下代碼新增 favorite 顏色
.ion-color-favorite {
--ion-color-base: #69bb7b;
--ion-color-base-rgb: 105,187,123;
--ion-color-contrast: #ffffff;
--ion-color-contrast-rgb: 255,255,255;
--ion-color-shade: #5ca56c;
--ion-color-tint: #78c288;
}
3、修改內置組件默認樣式
找到 src/theme/variables.scss 文件修改 ion-button 的默認樣式。
ion-button {
--color: #222;
--background:red;
}