Javascript 在角度/材料中使用$primary scss变量2

我正在使用angular cli和主题化指南，以便在angular/material2应用程序中创建自定义主题

在scss文件中，主色和强调色被相应地分配给$primary和$ACCONE scss变量

有没有办法在自定义组件scss样式中使用$primary变量？ angular cli尝试编译组件的样式表时，任何atempt结果都是：“未定义变量：$primary”

---

提前感谢

您可能需要在试图更改的文件中使用导入语句，或者使用

$primary

变量。我正在使用前端框架中的scss，必须在main.scss文件中执行此操作：

---

@import“frontEndFramework.scss”
我正在计算@John answer的答案。
在尝试导入自定义主题失败后，我找不到更改的内容。为了让答案更加完整，我使用了如下的方法：

@import '../my-custom-theme.scss';

g > .title {
  fill: md-color($primary);
}

向尝试设置SVG组件样式的任何人提供的附加信息：

在组件元数据中使用“封装：视图封装.无”。SVG不支持阴影dom，angular2封装的仿真模式向css选择器添加了对SVG组件无效的属性。
不确定ehat是否已更改。我已经尝试导入自定义的THES scss文件，但我发现奇怪的scss编译错误。我再次尝试并成功获取$primary变量。很高兴您能够解决问题。感谢您在下面发布的更多信息。