Consider the following code
<ion-header>
<ion-navbar color="primary">
<ion-title>History</ion-title>
<ion-buttons end>
<button ion-button color="danger">Clear</button>
</ion-buttons>
</ion-navbar>
</ion-header>
The color="danger"
is applied to the text of the button only and not the button.