Theming your app

Ionic is built on top of Sass, which allows you to set some default styles for your app but makes it extremely easy for you to change defaults.

Read this document and use the ionic color generator to create a new color

https://ionicframework.com/docs/theming/colors

Add new color in app/src/theme/variable.scss file. you can also edit the existing color.

Add this color property to elements

Changing Color of Button

Set button color in the file app/src/app/data/settings.ts

this.theme.button = 'new';

Last updated