Ionic 4. Как изменить цвет фона заголовка на старых версиях Android

Question

Я пытался использовать переменные CSS для этого

ion-toolbar {
  --background: #{$backgroundColor3};
  --min-height: #{$spacing * 5};
}

Все работает правильно в последнем Chrome и на Android 8. Но на Adnroid 5 с Chrome 40. * Это не работает.

Я обнаружил, что минимальная версия Android для Ionic - 4.4 документы

>ionic info
Ionic:

   Ionic CLI                     : 5.0.1
   Ionic Framework               : @ionic/angular 4.4.2
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0, ios 5.0.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 9 other plugins)

Utility:

   cordova-res : 0.3.0
   native-run  : 0.2.5

System:

   Android SDK Tools : 26.1.1 (C:\Android)
   NodeJS            : v11.14.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.9.0
   OS                : Windows 10

Фон - это только одна проблема со стилями:

Снимок экрана с проблемами с Android 5

Обычный скриншот

Answer 1

Вам нужно использовать add в глобальном или страничном .scss файле

--background: var(--ion-color-primary);

Здесь ваш answare.