如何在 @angular/material-experimental 中使用自定义调色板 - 预计 $config.color.primary 是有效的 M3 调色板

Question

X [错误] 预期 $config.color.primary 是有效的 M3 调色板。

角17

我在任何地方都找不到 @angular/material-experimental 预期的有效 M3 调色板。

在 styles.scss 中尝试过这个：

@use "@angular/material" as mat;
@use "@angular/material-experimental" as matx;

$primary-palette: (
    0: #000000,
    10: #191027,
    20: #2b1a41,
    25: #3d245c,
    30: #4f2f76,
    35: #9257c5,
    40: #654083,
    50: #79539b,
    60: #9d80b7,
    70: #c1aed3,
    80: #e5dbef,
    90: #e5ddee,
    95: #e9e3ef,
    98: #ebe7ef,
    99: #efecf1,
    100: #ffffff,
);

$m3-custom-theme: (
    color: (
        primary: $primary-palette
    ),
);

$light-theme: matx.define-theme($m3-custom);

html,
body {
    height: 100%;
    @include mat.button-theme($light-theme);
}

Answer 1

根据文档目前这是不可能的。

https://material.angular.io/guide/material-3