angularangular-materialangular14angular15angular-migration

Problems after Angular Material update from 14 to 15


I'm working on an Angular project, updated from angular14 to 15, but after I install the new Material package the whole project seems visually broken. Wrong colors, margins, paddings. The project only contains css style files, not scss. I think the problem will be with the legacy material components, but how/where should I add to the project? Thanks!


Solution

  • Change css file to legacy in styles(angular.json)

    F.e

    from "./node_modules/@angular/material/prebuilt-themes/pink-bluegrey.css",

    to "./node_modules/@angular/material/legacy-prebuilt-themes/legacy-pink-bluegrey.css",