I just upgraded my Angular CLI and Angular Material both to v18. All Angular Material components work fine except the MatToolbar. The problem is that color input doesn’t do anything in the mat-toolbar tag. The toolbar color currently is so close to the background which is white and there’s only a shade of it visible.

Here’s the code.

<mat-toolbar color="primary"></mat-toolbar>

Is anyone experiencing the same issue? Any solution found?

Thanks in advance.

I tried

• I created a fresh project to make sure no global/local CSS is interfering.
  _ I set a background-color: red in CSS manually and it works fine.

Expecting
The toolbar to look like the Angular website with the Rose/Red theme.
https://material.angular.io/components/toolbar/overview