在元素中指定材质主题颜色的阴影

Question

我正在Angular 9项目中工作。我已经设置了自定义材质主题。

我能够在元素中设置颜色，就像这样：

<mat-chip selected color="warn">Chip whose background is the warn color of my theme</mat-chip>

但是，我的警告颜色有许多阴影，我想指定900阴影（以使其更暗）。我想在我的元素中这样做。我知道我可以创建另一个CSS类并设置背景颜色，但是希望您能够在元素中指定阴影。

我已经尝试过类似的事情：

<mat-chip selected color="warn, 900">Chip whose background is the warn color of my theme</mat-chip>

但是会导致此错误DOMException: Failed to execute 'add' on 'DOMTokenList': The token provided ('mat-warn, 900') contains HTML space characters, which are not valid in tokens.。

是否可以指定阴影？谢谢。