Ioni c 5 установить цвет разборного заголовка на iOS

Question

Пользовательский интерфейс моего приложения сложный, поэтому я привожу пример, иллюстрирующий мою проблему. На Ioni c 5 у меня этот код взят из официальных документов

<ion-header translucent="true">
  <ion-toolbar>   
    <ion-buttons collapse="true" slot="end">
      <ion-button>Click Me</ion-button>
    </ion-buttons> 
    <ion-title>Settings</ion-title>               
  </ion-toolbar>
</ion-header>

<ion-content fullscreen="true">
  <ion-header collapse="condense">              
    <ion-toolbar>      
      <ion-buttons collapse="true" slot="end">
        <ion-button>Click Me</ion-button>
      </ion-buttons>
      <ion-title size="large">Settings</ion-title>
    </ion-toolbar>
    <ion-toolbar>
      <ion-searchbar></ion-searchbar>
    </ion-toolbar>
  </ion-header>

  ...

</ion-content>

Если я установлю цвет панелей инструментов таким образом, как <ion-toolbar color="primary">, я получу что-то вроде этого

Как установить цвет для пространства над цветной панелью инструментов?

Answer 1

Имел ту же проблему, управлял всеми моими панелями инструментов css из global.scss, чтобы установить цвет фона:

ion-toolbar {
  background: var(--ion-color-primary) !important;
}

, где --ion-color-primary - мой желаемый цвет