angular / angular/components

Build a theme generator/picker that simplifies the process

オープン
#13,265 コメント 7 件 リアクション 10 件 担当者 0 名 GitHub で見る
area: material.angular.io docs feature needs: discussion P5
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

現在の Angular Material の theming ドキュメントと、issue で説明されている mat-palette の使用方法を確認し、提案されたワークフローをリンク先の Material color-system ツールと比較してください。picker または generator が少数の色を受け取り、使用可能なテーマバリアントを生成する方法を定義してください。このワークフローが仕様化され、適切なドキュメントによってサポートされた時点で作業完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, scss
領域
design, frontend
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。