Ошибка при смене цветовой темы material Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

Есть работающий клиент веб приложения. В нём UI основан на angular и typeScript. Когда устанавливал material выбрал стандартный цвет, сейчас приложение готово, пытаюсь сменить стандартную тему на свою кастомную. Добавил файл в проект my-theme.scss. Вот такой незамысловатый код в этом файле. Всё что он должен сделать - заменить цвета. Но как только добавляю его в проект, клиент перестаёт работать.

@import '~@angular/material/theming';

@include mat-core();

$my-theme-primary: mat-pallete($mat-yellow);

$my-theme-accent: mat-pallete($mat-pink, A200, A100, A400);

$my-theme-warn: mat-pallete($mat-red);

$my-theme: mat-light-theme($my-theme-primary, $my-theme-accent, $my-theme-warn);

@include angular-material-theme($my-theme);

в файле angular.json прописал его вместо стандартного пути.

          "styles": [
          "src/my-theme.scss",
          "src/styles.scss"
        ],

Запускаю - вот такая ошибка

ERROR in ./src/my-theme.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/my-theme.scss) Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js): SassError: (50: #fffde7, 100: #fff9c4, 200: #fff59d, 300: #fff176, 400: #ffee58, 500: #ffeb3b, 600: #fdd835, 700: #fbc02d, 800: #f9a825, 900: #f57f17, A100: #ffff8d, A200: #ffff00, A400: #ffea00, A700: #ffd600, contrast: (50: rgba(0, 0, 0, 0.87), 100: rgba(0, 0, 0, 0.87), 200: rgba(0, 0, 0, 0.87), 300: rgba(0, 0, 0, 0.87), 400: rgba(0, 0, 0, 0.87), 500: rgba(0, 0, 0, 0.87), 600: rgba(0, 0, 0, 0.87), 700: rgba(0, 0, 0, 0.87), 800: rgba(0, 0, 0, 0.87), 900: rgba(0, 0, 0, 0.87), A100: rgba(0, 0, 0, 0.87), A200: rgba(0, 0, 0, 0.87), A400: rgba(0, 0, 0, 0.87), A700: rgba(0, 0, 0, 0.87))) isn't a valid CSS value. ╷ 5 │ $my-theme-primary: mat-pallete($mat-yellow); │ ^^^^^^^^^^^ ╵ src\my-theme.scss 5:32 root stylesheet ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

Date: 2022-04-02T12:48:17.619Z - Hash: 86a737c2cdd44488e73a 5 unchanged chunks

Time: 7572ms

Подскажите как устранить? Сразу оговорюсь, npm install node-sass, npm rebuild node-sass и прочие команды которые гуглятся по первым трём ссылкам не дают результата