No styles applied via attributes in ionic components

[Chimmis]

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:

1. Create a new ionic project (I replicated this with tabs)
2. 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>
3. 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. :)

[Chimmis]

I realised this was supposed to go to /ionic repo. Opened the issue there.
Link: ionic-team/ionic-framework#17749