कोणीय सामग्री डिजाइन

Question

का उपयोग कर थीम बटन टेक्स्ट मैं कस्टम पैलेट के साथ अपनी साइट पर सभी बटनों को सार्वभौमिक रूप से कॉन्फ़िगर करने के लिए $mdThemingProvider का उपयोग करना चाहता हूं। मैं पैलेट में A200 और A700 को कॉन्फ़िगर करके बटन के पृष्ठभूमि रंग में हेरफेर कर सकता हूं। मैं डिफ़ॉल्ट टेक्स्ट रंग भी बदलना चाहता हूं। मैंने contrastDefaultColor, contrastLightColors, और contrastDarkColors के साथ छेड़छाड़ की है लेकिन सबसे अच्छा मैं करने में सक्षम हूं काले या सफेद पाठ मिलता है।

निम्नलिखित SNIPPIT अंधेरे पाठ के साथ सफेद बटन का उत्पादन करेगा:

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 को "प्रकाश" पाठ सफेद चालू करने के लिए कारण बनता है।

मैं मैन्युअल रूप से उत्पन्न स्टाइलशीट के नियमों अधिभावी द्वारा प्रभाव मैं चाहता हूँ प्राप्त कर सकते थे:

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

... लेकिन मैं पुस्तकालय में प्रदत्त उपकरणों का प्रयोग करने की कोशिश कर रहा हूँ।

Answer 1

मुझे नहीं पता कि आप इस समस्या का सामना क्यों कर रहे हैं लेकिन A200 & A700 जो रंग आप देना चाहते हैं उसे समस्या का समाधान होगा।

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'] 
}); 

नोट: इस तरह सरणी के रूप में इसके विपरीत पैलेट देने का प्रयास करें।

और तुम कुछ अलग समस्या का सामना कर रहे हैं को अपडेट करने या कृपया आप इस link