scharfkantiges Material Absichten und Farbtöne von Komponenten verwendet werden

Question

Ich versuche Winkelmaterial zu verwenden,

Ich las alles, was in der documentation's theming section meisten der Demos und der Richtlinie docs revied und versuchte sogar, einen Blick in den Quellcode zu haben und ich war herumwandernd, wenn es irgendwo eine Anleitung gibt, die erklärt, wie jedes eckige Material die verschiedenen Intentionspaletten und Farbtöne in einem Thema verwendet.

Der Grund dafür ist, dass es sich so anfühlt, als würden wir Standardpaletten wählen, alles spielt sich gut ab, aber in dem Moment, in dem wir etwas ändern wollen, sind wir blind bezüglich der Implikationen.

(zB wie eine Situation verhindern, in dem Sie zum Beispiel als Unterstreichungsfarbe für eine Textbox verwendet wird, die gleiche Farbe wie einige Akzentfarbe eine Hintergrundfarbe, die Enden wählen, bis wodurch die undeline nicht sichtbar.)

Answer 1

Es gibt einen Teil in der erwähnten Dokumentation, der in den Sinn kommt.

Festlegen der benutzerdefinierte Hues für Farb Intentions

Sie die Farbtöne aus einer Palette festlegen, die standardmäßig aktiviert und für die md-Farbton-1, md-Farbton-2 durch eine Absicht Gruppe verwendet werden , md-hue-3 Klassen.

Standardmäßig werden die Schattierungen 500, 300 800 und A100 für Primär- und Warnmeldungen verwendet, während A200, A100, A400 und A700 als Akzent verwendet werden.

Sie können die Farbtöne überprüfen, die von jeder Komponente in der Quelle verwendet werden. Für jede Komponente gibt es eine Datei: https://github.com/angular/material/blob/master/src/components/input/input-theme.scss

Und es gibt die offizielle Material Design Style Guide, die Ihnen sagen, welche Farbtöne für welche verwendet werden. https://material.google.com/style/color.html#color-color-palette