角度项目的全局样式

Question

我有一个带有colors.scss 文件的项目。我想将其导入为全局样式。

我在 styles.scss 文件中使用了

@import 'src/app/core/styles/colors.scss'

或将此路径包含在 angular.json 中：

"styles": [
   "src/app/core/styles/colors.scss"
   "src/styles.scss"
],

我还在 styles.scss 中设置了颜色：

$white:#ffffff;


$yellow-0:#fefdea;
$yellow-1:#FCF9BE;//FFEBD6
$yellow-2:#ebe79c;

$blue-0:#E8F3D6;
$blue-0-5:#d6e8f3;
$blue-1-5:#a4dbf7;
$blue-1:#003D5B;
$blue-2:#022d43;
$light-blue-1:#0a5e87;
$light-blue-2:#31b4ce;

$gray-1:#373F51;
$gray-2:#2b313e;

$green-1:#8BB174;
$green-2:#6a8c55;

$pink-1:#DB7F8E;
$pink-2:#c07380;

$red-0:#cd2e43;
$red-1:#D1495B;
$red-2:#ab3444;
$red-3:#80222e;

//$red-1:#FFB085;

$update-color-1:#DB7F8E;
$update-color-2:#bd717d;

$google-1:rgb(239, 237, 237);
$google-2:rgb(228, 222, 222);

但实际上我有这样的错误：

Undefined variable.
  ╷
2 │     color:$red-1;

我也在另一个新的测试项目中尝试过，所以这一切都不依赖于某些依赖项。