How it works...
Ionic has made it very easy to develop and test themes for different platforms. Your typical flow is to modify the theme variable in variables.scss first. You should not modify any .css files directly. Also, the Ionic project now makes it safe so that you can't accidentally edit the wrong core theme files, because those core files are no longer in the app folder location.
To update the default color, you just have to modify the color code in variables.scss. You can even add more color names, such as clear: white, and Ionic will automatically take care of the rest. That means the clear keyword is available as a value-to-color attribute on any Ionic element that accepts the color attribute. A few examples are as follows:
<ion-navbar ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access