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;
}