angular / angular/components

Build a theme generator/picker that simplifies the process

Abierto
#13,265 7 comentarios 10 reacciones 0 asignados Ver en GitHub
area: material.angular.io docs feature needs: discussion P5
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### 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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Revisa la documentación actual sobre theming de Angular Material y el uso de mat-palette descrito en el issue; después, compara el flujo de trabajo propuesto con la herramienta vinculada de Material color-system. Define cómo un picker o generador aceptaría un conjunto pequeño de colores y produciría variantes de tema utilizables; el trabajo estará terminado cuando ese flujo de trabajo esté especificado y respaldado por la documentación adecuada.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, scss
Área
design, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.