angular - Angular 中颜色的弃用警告

Question

我在我的 Angular 应用程序中使用 SASS。 下面是我的colors.scss

$app-color-eggplant: #232028;
$app-color-dust: #ABAAAF;
$app-color-off: #9B8BC6;
$app-color-shadow: #1A0438;

    //Primary Colors
    $color-primary                  : #472A93;
    $color-primary-darkest          : #212028;
    $color-primary-light            : #A596CC;


    //Secondary Colors
    $color-secondary                : #FF6601;
    $color-secondary-light          : #FFC19A;


    //Informational Colors
    $color-error                    : #DB4432;


    //Text Colors
    $color-text                     : #232028;
    $color-text-muted               : #797979;
    $color-text-light               : #D2D2D2;


    //Background Colors
    $color-background               : #cfd8dc;
    $color-background-dark          : #b0bec5;
    $color-background-darker        : #90A4AE;
    $color-background-light         : #EDEFF1;
    $color-background-table         : #c6c6c6;
    $color-background-table-lighter : #c6c6c636;

我的应用程序已启动并正在运行，但它在编译时向我发出此警告

The value "#c6c6c636" is currently parsed as a string, but it will be parsed as a color in future versions of Sass. Use "unquote('#c6c6c636')" to continue parsing it as a string.

here中提供的解决方案 不工作或者可能我做错了什么

$app-color-dust: rgba(#ABAAAF);
$app-color-off: rgba(#9B8BC6);

它给了我以下错误

Module build failed: $app-color-dust: rgba(#ABAAAF) ; ^ Overloaded function rgba given wrong number of arguments in C:\myapp\services\src\app\styles\app-colors.scss (line 2, column 18)

如何解决此问题，或者我应该继续而不用担心警告？

Answer 1

您可以尝试传入不透明度值，或使用 rgb 而不是 rgba。只需确保在使用 rgba 时传递一些 alpha 值即可。

rgb(#ABAAAF)
rgba(#c6c6c6, 0.36)