2017-02-23 8 views
1

私はカスタムテーマのツールバーを持っていて、それは<md-icon>の塗りつぶしのコントラストの色を拾い上げる場所を見つけようとしています。これまで私が試したことのすべては、カスタムの青色のツールバーに白いアイコンが表示されます。角度のある素材パレット - 主なコントラストの定義

マテリアルコードを見て、値が{{primary-contrast}}で埋められていることがわかりましたが、設定されている場所が見つかりません。

私のパレットのプライマリコントラスト値はどこで設定すればよいですか?

md-toolbar.md-THEME_NAME-theme:not(.md-menu-toolbar) md-icon { 
    color: '{{primary-contrast}}'; fill: '{{primary-contrast}}'; 
} 

マイパレット:

$mdThemingProvider.definePalette('myBlue', { 
    '50': 'e3e4e7', 
    '100': 'b9bcc3', 
    '200': '8b8f9b', 
    '300': '5c6272', 
    '400': '394154', 
    '500': '161f36', 
    '600': '131b30', 
    '700': '101729', 
    '800': '0c1222', 
    '900': '060a16', 
    'A100': 'b9bcc3', 
    'A200': '8b8f9b', 
    'A400': '394154', 
    'A700': '101729', 
    'contrastDefaultColor': 'light' 
}); 

マイテーマ:

$mdThemingProvider.theme('myMenu') 
    .primaryPalette('myBlue') 
    .backgroundPalette('myBlue') 
    .dark(); 
+1

、すべてのアイコンは、黒または白、それは設定で定義された色のテーマによって調整されるように使用されています。 – nextt1

+0

これは何かを見つけましたか?私は 'md-colors'ディレクティブを使ってコントラストカラーを設定しようとしていますが、それを行う方法はないようです。 – Andrew

答えて

関連する問題