css variable issues with older versions of the android webview

Bug Report

Ionic version:

[x] 4.x

Current behavior: When changing the value from variable.scss, it only works on Android 7 and 8. Android 5 and 6 do not respect the changes.

Expected behavior: Show the color from variable.scss, run the app on Android 5 or 6.

Steps to reproduce: Change any variable color from variable.css Example: if change the “primary color” to black, when on Android 5 or 6 it will display blue instead. Do not work even if we create a custom variable color, it will display blank.

Related code: –ion-color-primary: #222; –ion-color-primary-rgb: 10, 10, 10; –ion-color-primary-contrast: #ffffff; –ion-color-primary-contrast-rgb: 255, 255, 255; –ion-color-primary-shade: #444; –ion-color-primary-tint: #555;

Other information:

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.12.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.1.1
   @angular-devkit/build-angular : 0.13.5
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.5
   @ionic/angular-toolkit        : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 4 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/luizimac/Library/Android/sdk)
   ios-deploy        : 1.8.5
   NodeJS            : v10.15.0 (/usr/local/bin/node)
   npm               : 6.4.1
   OS                : macOS Sierra
![ionic-css-bug](https://user-images.githubusercontent.com/26283844/54328135-8dca7e80-45eb-11e9-8cb2-cf2fce98b0ba.jpg)

[remisture]

Still no fix for this? This is pretty bad!

[liamdebeasi]

Hi there, Not yet. I will update this thread when there is a fix in place.

Thanks!