角材料自定义主题不起作用

Question

嘿，我正在尝试将自定义主题应用于我的应用程序，但由于某种原因而无法正常工作，也许有人可以解决我的问题...

angular.json：

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

my-theme.scss：

@import '~@angular/material/theming';
@include mat-core();

$custom-primary: mat-palette($mat-deep-purple);
$custom-accent:  mat-palette($mat-pink);

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

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

style.css：

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

当我在style.css文件中使用内置主题时，内置样式确实可以工作，但是如果我删除导入行，则不应用任何样式。

感谢任何帮助