首页 文章

在项目的样式表中检索主要颜色

提问于
浏览 次
0

有没有办法将角度材质主题中使用的主要颜色检索到角度项目的css文件？

在项目中，我们可以在* .scss文件中定义主要颜色，如下所示：

@import '~@angular/material/theming';

@include mat-core();

$primary: mat-palette($mat-green, 800);
$accent:  mat-palette($mat-teal, 600, A100, A400);
$warn:    mat-palette($mat-red, 600);

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

@include angular-material-theme($theme);

我尝试在我的组件中使用* .scss文件，但 $primary 变量无法识别：

//*.scss file
//...
.myclass {
  background: $primary; //This line compiles with the error 'Undefined variable: "$primary".'

}
css angular sass themes angular-material

1 回答

  • 1

    要使用该变量，首先必须定义它 . 根据定义和最终更改的位置（框架通常具有某种设置或类似），您需要 @import 那些 .

    但是，通常使用scss的方法是使用一个主文件（name.scss）和多个导入文件（_name.scss） . 然后将编译为单个css文件 . 扩展这些规则的方法是在主文件的末尾（或标记点）添加它们 . 如果你创建一个单独的“主”文件（因此也就是css文件），你可能有重复的css，即使没有，它仍然是不切实际的 .

    另外，您可能想要使用mat-color($theme)

    回复于

相关问题