Angular material 访问预构建方案的主颜色

我使用

ng新应用程序

ng添加@angular/material

我在

styles.css中包含了以下行：

@import'~@angular/material/prebuilded themes/deeppurple amber.css'

我想将深紫色琥珀色主题的原色应用于
元素

如何提取预构建方案的原色，并将其应用于Angular 6中的我自己的组件？
而不是导入预构建主题，而是包含

然后，您可以访问选项板和颜色以及。
而不是导入预构建的主题，而是包含

然后，您可以访问选项板和颜色以及。
该指南的文档应适用于Angular的所有版本。在你这方面什么不起作用？该指南的文档应该适用于Angular的所有版本。在您这边，什么不起作用？在这种情况下，由于包含样式，输出包的大小太大。怎么处理这个？太大相对什么？你可能做错了什么，或者复制了一些你不需要的东西。这在大小上不应该与预构建的主题有任何不同，因为它是相同的代码。如果您需要调试帮助，请开始一个新问题。如果它不识别$primary（即使1:1复制了您发布的链接的最后一个文件），您知道有什么问题吗？这些是代码片段/示例，不是完整的工作代码。在最后一个块中，假定是基于前面代码块中的示例定义了
$primary
。在这种情况下，由于包含样式，输出包的大小过大。怎么处理这个？太大相对什么？你可能做错了什么，或者复制了一些你不需要的东西。这在大小上不应该与预构建的主题有任何不同，因为它是相同的代码。如果您需要调试帮助，请开始一个新问题。如果它不识别$primary（即使1:1复制了您发布的链接的最后一个文件），您知道有什么问题吗？这些是代码片段/示例，不是完整的工作代码。在最后一个块中，假定基于前面代码块中的示例定义了
$primary
。
@import '~@angular/material/theming';

// Include non-theme styles for core.
@include mat-core();

// Define a theme.
$primary: mat-palette($mat-deep-purple);
$accent:  mat-palette($mat-amber, A200, A100, A400);

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

// Include all theme styles for the components.
@include angular-material-theme($theme);