Как изменить цвет фона ионного заголовка в ионном 2?

Как изменить цвет заголовка? Я пробовал ниже, но не удалось

 <ion-header>
  <ion-navbar danger>
    <ion-title>TITLE</ion-title>
  </ion-navbar>
</ion-header>

Моя переменная .scss:

$colors: (
  primary:    #387ef5,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222
);

Ответы

Ответ 1

Вы можете изменить его глобально, если хотите в variables.scss в папке/в папке темы:

$toolbar-background: blue;

Для всех ссылочных Ionic SASS Variables для переопределения выполните следующую ссылку

Ответ 2

 <ion-header>
  <ion-navbar color="color3">
    <ion-title></ion-title>
  </ion-navbar> 
</ion-header>

вы можете установить свой собственный цвет в src/theme/variable.scss следующим образом:

$colors: (
  primary:    #8B4789,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  color1: #15c178,
  color2: #8B4789,
  color3 : #07904d,
  color4: #673665,
  brown: #B75E33,
  ycBlue: #638AF1
);

Я надеюсь, что это сработает для вас.

Ответ 3

Отметьте официальные документы. Существует атрибут color, который берет ключ от карты $colors.

<ion-header>
  <ion-navbar color="danger">
    <ion-title>TITLE</ion-title>
  </ion-navbar>
</ion-header>

Ответ 4

Установите цвет следующим образом:

<ion-header>
  <ion-navbar color="danger">
    <ion-title>TITLE</ion-title>
  </ion-navbar>
</ion-header>