Typography is working but recoloring of the typography isn't

[LALauw]

Hi so I used the website to generate an Angular scss for the theming (see below picture for the expected look).

But, when using h1 tags the text stays black (see below picture)

I did apply mat-typography in the global div.
Now when I use an h1 inside a <mat-...> component, it works accordingly:

So it is just not working when I'm putting a solo h1 tag that is inside the div with the mat-typography class but not inside a component.

Anyone knows what I may be doing wrong or is this a bugg?

[arciisine]

That is really odd, do you have a repository with a repro case? All this code is doing is setting variables for the material theme to pick up. So either a variable is being missed, or this is a bug with material itself.

[LALauw]

That is really odd, do you have a repository with a repro case? All this code is doing is setting variables for the material theme to pick up. So either a variable is being missed, or this is a bug with material itself.

I set up a repo where this occurs: https://github.com/LALauw/webApp

[LALauw]

If you run it, this is what pops up. The first h1 is inside the div with mat-typograhpy, the second h1 is inside a component