Check out example codes for "ionic color". It will help you in understanding the concepts better.

Code Example 1

<ion-button>Default</ion-button>
<ion-button color="primary">Primary</ion-button>
<ion-button color="secondary">Secondary</ion-button>
<ion-button color="tertiary">Tertiary</ion-button>
<ion-button color="success">Success</ion-button>
<ion-button color="warning">Warning</ion-button>
<ion-button color="danger">Danger</ion-button>
<ion-button color="light">Light</ion-button>
<ion-button color="medium">Medium</ion-button>
<ion-button color="dark">Dark</ion-button>

Code Example 2

ion-button{
  --background: #0869AE;
  --border-radius: 20px;
}

Learn ReactJs, React Native from akashmittal.com