Ich beginne mit dem Angular Material zu experimentieren (Version 0.8.3 um genau zu sein).
Aus dem Code themenbezogener Direktiven und dem mdThemingProvider-Quellcode wurde herausgefunden, dass heller Vordergrund für dunkles Thema definiert ist. Text für Textabsätze bleibt jedoch standardmäßig dunkel.
Auch mit ihrem Beispielcode für Input Demo gibt es Farbprobleme. Wenn Sie den Inhalt von Titel und E-Mail löschen, wird der Platzhaltertext dunkelgrau, so dass er fast unsichtbar ist.
Ich beginne nur, durch ihren Bibliotheksquellcode zu schauen und kann nicht herausfinden, wie man den sich ändernden Text für Absätze und Platzhalter aktiviert, um einen zu kontrastieren.
In der core / services / themen / theme.palette.js Datei habe ich einige Paletten Eigenschaften mit dem Namenspräfix contrast gefunden. Also ich denke, dass sie Farben definieren, um auf dunklem Thema sichtbar zu sein. Aber wie aktiviere ich das Thema, um sie zu benutzen?
Hat jemand einen guten Vorschlag, lesbaren Inhalt auf dunklem Thema zu archivieren, ohne viele zusätzliche Kodierungen?
Wenn das dynamisch wechselnde Thema der gesamten Anwendung nicht bricht (durch Aufruf von $ mdThemeProvider aus js-Code), wäre es wunderbar.
Ich bin auch darauf gestoßen und konnte mich in meinem Fall (Angular Material v0.9.6) zufriedenstellend lösen, indem ich foregroundPalette des Themas setzte:
Sie können hier eine Demo hier sehen und sie mit der ursprüngliche Vordergrund . Dies scheint nicht öffentlich dokumentiert zu sein, daher könnte es intern in AM sein und in Wirklichkeit den Vordergrund für Ihre gesamte App ändern, selbst wenn Sie mehrere Designs verwenden.
Es gibt vier Schattierungen für den Vordergrund und sie haben unterschiedliche Werte für helle und dunkle Motive. Hier sind die Standardeinstellungen (von AM-Quelle):
%Vor% Warum habe ich 3 gewählt? Es ist der Schatten von md-input-container , den ich durch Versuch und Irrtum gefunden habe.
Tags und Links angular-material