Açısal Malzeme Tasarımı kullanarak tema düğmesi metni

Question

Sitemdeki tüm düğmeleri özel bir paletle evrensel olarak yapılandırmak için $mdThemingProvider kullanmak istiyorum. Paletteki A200 ve A700'u yapılandırarak düğmelerin arka plan rengini değiştirebilirim. Varsayılan metin rengini de değiştirmek isterim. Ben contrastDefaultColor, contrastLightColors ve contrastDarkColors ile jiggered ettik ama yapabileceğim en iyi siyah veya beyaz metin almak mümkün.

aşağıdaki snippit koyu metinle beyaz düğmeleri üretecek:

var lightGrey = $mdThemingProvider.extendPalette('grey', { 
    'A200': '#fefefe', // Element background color (default) 
    'A700': '#fefefe', // Element hover background color (default) 
    'contrastDefaultColor': 'dark', 
    'contrastLightColors': '600 700 800 900' 
}); 
$mdThemingProvider.definePalette('light-grey', lightGrey); 

$mdThemingProvider.theme('default') 
    // Accent palette controls buttons, links, etc 
    .accentPalette('light-grey'); 

contrastDefaultColor "hafif" beyaz çevirmek metni neden olur değiştiriliyor.

.md-button.md-default-theme.md-fab { 
    color: #bdc3c7; 
} 

... ama kütüphanede sağlanan araçları kullanmaya çalışıyorum:

el oluşturulan Stil kurallarını geçersiz kılarak istediğim etkiyi elde edebiliriz.

Answer 1

Neden bu sorunla karşı karşıya olduğunuzu bilmiyorum ama vermek istediğiniz rengi A200 & A700 vererek sorunu çözecektir.

var lightGrey = $mdThemingProvider.extendPalette('grey', { 
    'A200': '#bdc3c7', // Element background color (default) 
    'A700': '#bdc3c7', // Element hover background color (default) 
    'contrastDefaultColor': 'dark', 
    'contrastLightColors': ['600', '700', '800', '900'] 
}); 

Not: Böyle dizi şeklinde kontrast paletini vermeye çalışın.

Ve bazı farklı sorunla karşı karşıya eğer güncellemek veya bu link