在angular/material2中使用$ primary scss變量

Question

我使用angular-cli和主題嚮導爲了在angular/material2應用程序中創建自定義主題。

在scss文件中，相應地將主要和重點顏色分配給$ primary和$ accent scss變量。

有什麼辦法可以在自定義組件scss風格中使用$ primary變量嗎？ 任何嘗試結果：'未定義的變量：'$ primary''當angular-cli嘗試編譯組件的樣式表時。

預先感謝您

Answer 1

您可能必須嘗試更改或使用$primary變量在文件中使用的import語句。我使用的前端框架的SCSS，並有做這在我的main.scss文件：

@import "frontEndFramework.scss";

Answer 2

我指望@約翰的答案回答，因爲相關。 我無法'找到什麼改變後unsuccesfuly試圖導入我的自定義主題。只是答案的completenes，我使用的是這樣的：

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

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

的附加信息，任何人試圖風格SVG組件：

使用「封裝：ViewEncapsulation.None」在你的組件元數據。 SVG不支持陰影dom，並且angular2封裝的仿真模式向css選擇器添加了對SVG組件無效的屬性。