如何在ember-cli-materialize中定義secondary-＆accent-color？

Question

我使用了ember 2.2和ember-cli-materialize組件。 我的問題是，在app/styles/app.scss中，我可以定義$ primary-color，但所有其他值都被忽略（如$ accent-color或$ secondary-text-color）。

這裏是我的app.scss：

@import 'components/color'; 

$primary-color-dark: #212121; 
$primary-color:  #212121; // only this line works 
$primary-color-light: #212121; 
$accent-color:   #ff6f00; 
$primary-text-color: #ff6f00; 
$secondary-text-color: #ff6f00; 
$divider-color:  #B6B6B6; 

@import 'components/variables'; 
@import 'materialize'; 
@import 'ember-cli-materialize'; 

Answer 1

你有東西在你的SASS文件的順序是正確的。如果您導航到以下地址，則可以找到可覆蓋的變量列表：

bower_components/materialize/sass/components/_variables.scss 

Answer 2

你需要的components/color進口之前定義的變量：

$primary-color-dark: #212121; 
$primary-color:  #212121; // only this line works 
$primary-color-light: #212121; 
$accent-color:   #ff6f00; 
$primary-text-color: #ff6f00; 
$secondary-text-color: #ff6f00; 
$divider-color:  #B6B6B6; 

@import 'components/color'; 
@import 'components/variables'; 
@import 'materialize'; 
@import 'ember-cli-materialize';