Build a theme generator/picker that simplifies the process
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### Bug, feature request, or proposal:
Feature Request
#### What is the current behavior?
Custom theming angular material is cumbersome.
#### What is the use-case or motivation for changing an existing behavior?
Make it easier to modify theme based on more traditional number color palettes. Designers will often provide 3-6 colors that should encompass most of the application/website, while the material pallets have over a dozen color hues per palette, for a total of well over 50 colors that the app can use. This isn't practical to maintain unless one REALLY cares about each shade. I understand the Ng Material team is just using the official Material colors but in my opinion there is a balance to be struck.
Maybe I'm missing something from the docs but I really would prefer not to do:
$candy-app-primary: mat-palette($mat-indigo); // this palette has over dozen colors to maintain
and instead do
$candy-app-primary: mat-palette(#999); // where 999 is my primary color
And have the material theme generate the variants in some way OR do it like Bootstrap and use scss lightens/darkens mixins where appropriate.
Suggestion:
Incorporate a palette generator of some kind, perhaps using similar logic as used by the material tool.
https://material.io/design/color/the-color-system.html#tools-for-picking-colors
Beitragsleitfaden
Rechercherichtung
Überprüfe die aktuelle Dokumentation zum Theming von Angular Material und die im Issue beschriebene Verwendung von mat-palette, und vergleiche anschließend den vorgeschlagenen Workflow mit dem verknüpften Tool für das Material color-system. Definiere, wie ein Picker oder Generator eine kleine Menge an Farben akzeptieren und daraus nutzbare Theme-Varianten erzeugen würde; die Arbeit ist abgeschlossen, wenn dieser Workflow spezifiziert und durch geeignete Dokumentation unterstützt wird.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, scss
- Bereich
- design, frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 5/5
- Geschätzter Aufwand
- Über eine Woche
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100