कोणीय सामग्री: बैकग्राउंड-रंग (सीएसएस के बिना) कैसे सेट करें

Question

मैं कोणीय सामग्री ढांचे का उपयोग कर एक शुद्ध सामग्री डिजाइन अनुप्रयोग विकसित कर रहा हूं।

हालांकि, मुझे समझ में नहीं आता कि कंटेनरों के पृष्ठभूमि रंग कैसे सेट करें (उदाहरण के लिए नीली पृष्ठभूमि वाला लॉगिन फ़ॉर्म)। मैं इसे सीएसएस का उपयोग करके कर सकता हूं लेकिन मुझे आश्चर्य है कि ऐसा करने के लिए अंतर्निहित निर्देश/विषय विकल्प है या नहीं।

Answer 1

मुझे पूरा यकीन है कि मैंने इसे दस्तावेज़ों में कहीं कहीं देखा है, लेकिन अब मैं इसे नहीं ढूंढ सकता। आप प्राथमिक विषय

सेट के रूप में कंटेनर

मैं कोणीय-माल की 0.8.1 संस्करण पर यह जाँच की है बनाने

1. .backgroundPalette('indigo') उसी तरह की स्थापना की और यह काम करता है: आप दो अलग बातें क्या करना है ठीक।

   यदि आपके कोई अतिरिक्त प्रश्न हैं, तो पूछने के लिए स्वतंत्र महसूस करें।

   उदाहरण के लिए:

   app.config(function ($mdThemingProvider) { 
       $mdThemingProvider 
       .theme('default') 
       .primaryPalette('indigo') 
       .accentPalette('pink') 
       .warnPalette('red') 
       .backgroundPalette('blue-grey'); 
   }); 
   

   और अपने खाके में:

   <md-content> 
       <p>Some text</p> 
   </md-content> 
   

Answer 2

एक sidenote पर, प्रश्न के "सीएसएस के बिना" भाग अनदेखी, मुझे लगता है कि सामग्री कोणीय रचनाकारों सादे का उपयोग करता है पृष्ठभूमि रंग बनाने के लिए पुराना सीएसएस, this codepen देखें (आप इसे Getting Started सेक्शन के माध्यम से भी ढूंढते हैं: "फोर्क एक कोडपेन")।

एचटीएमएल

<div id="content" ng-view flex> </div> 

सीएसएस

.demo #content { 
    background-color: rgb(255, 244, 220); 
    padding:30px; 
    font-weight:600; 
    border: 1px solid #aeaeae; 
    border-top:none; 
} 

Answer 3

आप MD-रंग निर्देश के साथ पैलेट से किसी भी रंग सेट कर सकते हैं।

https://material.angularjs.org/1.1.4/api/directive/mdColors

प्रारूप हो जाएगा [विषय?] - [पैलेट] - [रंग?] - जहां [अस्पष्टता?]? वैकल्पिक पैरामीटर का मतलब है।

लेकिन मेरे अनुभव आप भले ही यह डिफ़ॉल्ट है विषय में बताने की से:

<md-button md-colors="{color: 'default-red-A100', 'background': 'default-primary-600'}">Button</md-button>