No styles applied via attributes in ionic components

Short description of the problem:

Component properties e.g color="primary" not working. I can see the classes applied using chrome dev-tools. However they are not rendered.

What behavior are you expecting?

Theming and css supplied by ionic component attributes(properties) are rendered.

Steps to reproduce:

Create a new ionic project (I replicated this with tabs)
In tab1.page.html add an ion button, I used this: <ion-button color="primary" expand="full" type="submit" button-type="block">Test</ion-button>
Run the project, the primary color is not applied.

package.json dependencies: "dependencies": { "@angular/common": "^7.2.2", "@angular/core": "^7.2.2", "@angular/forms": "^7.2.2", "@angular/http": "^7.2.2", "@angular/platform-browser": "^7.2.2", "@angular/platform-browser-dynamic": "^7.2.2", "@angular/router": "^7.2.2", "@ionic-native/core": "^5.0.0", "@ionic-native/splash-screen": "^5.0.0", "@ionic-native/status-bar": "^5.0.0", "@ionic/angular": "^4.1.0", "core-js": "^2.5.4", "rxjs": "~6.3.3", "zone.js": "~0.8.29" }

Project generated using ionic cli 4.10.2

Which @ionic/app-scripts version are you using? ^--- Not sure where to get this information

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc) As the internet was void of the same problem I encountered, I reckon perhaps I am missing something obvious. In that case an answer would perhaps help anyone else who might get stuck on this. :)

ionic-team / ionic-app-scripts

No styles applied via attributes in ionic components #1522

Short description of the problem:

What behavior are you expecting?