पैलेट को परिभाषित करते समय, वास्तव में रंगों से क्या प्रभावित होता है?

hpsapf-primary: mat-palette($mat-light-blue, 400, 50, 900);
  • पहला मान (400) डिफ़ॉल्ट ह्यू है।
  • दूसरा मान (50) हल्का रंग है।
  • तीसरा मान (900) गहरा रंग है।

घटक पर रंग = "प्राथमिक" सेट करते समय डिफ़ॉल्ट रंग का उपयोग किया जाता है

// The button gets the color #29B6F6 as can be looked up here: https://material.io/design/color/#tools-for-picking-colors
<button mat-button color="primary">Primary</button>

तो कोणीय सामग्री द्वारा उपयोग किए जाने वाले लाइटर (50) और गहरे (900) रंग कैसे हैं या मैं उनका उपयोग कैसे कर सकता हूं? वे किस चीज़ लिए अच्छे हैं?

4
Martin Jaskulla 9 जुलाई 2019, 16:28
एसओ में आपका स्वागत है! क्या आप अपना प्रश्न स्पष्ट कर सकते हैं?
 – 
technogeek1995
9 जुलाई 2019, 16:31

1 उत्तर

सबसे बढ़िया उत्तर

उनका उपयोग कैसे किया जाता है, यह कोणीय सामग्री स्रोत कोड को देखकर देखा जा सकता है। अधिक विशेष रूप से, कुछ कंपोनेंट थीमिंग मिक्सिन फाइलों को देखें। प्रगति बार< से एक उदाहरण /ए>:

@mixin mat-progress-bar-theme($theme) {
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $warn: map-get($theme, warn);

  .mat-progress-bar-background {
    fill: mat-color($primary, lighter);
  }

  .mat-progress-bar-buffer {
    background-color: mat-color($primary, lighter);
  }

  .mat-progress-bar-fill::after {
    background-color: mat-color($primary);
  }
  ...
}

आप थीमिंग यूटिलिटी मिक्सिन और फ़ंक्शंस और डिफ़ॉल्ट, लाइटर, डार्क, डिफॉल्ट-कंट्रास्ट, लाइटर-कंट्रास्ट, और डार्क-कंट्रास्ट पैलेट मैप कुंजियों के माध्यम से उसी तरह उनका उपयोग कर सकते हैं। इसे थीम गाइड में समझाया गया है: https://material.angular.io/guide/theming-your-components#note-use-the-code-mat-color-code-function- टू-एक्सट्रैक्ट-रंग-से-ए-पैलेट

3
G. Tranter 9 जुलाई 2019, 18:38