patternfly / patternfly/patternfly-react
Button - secondary color
まだ誰も着手していません。
- 主要言語
- TypeScript
- スター
- 862
- フォーク
- 392
- 平均マージ
- 4日 8時間
- マージ済み PR(30日)
- 9
説明
Is this a new component or an extension?
Enhancement to a current feature
Existing Component
Button
Describe the feature
Right now secondary color exists but is always mapped to the primary color for example button has a secondary type but the color is the same.
Also it seems that secondary is not the same as primary for dark theme.
There is a variable called --pf-v5-global--secondary-color why not use it for things that have a secondary type?
@patternfly-v5/patternfly/components/Button/button.css: --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
User Story
As a user I would like to have secondary buttons to have a different color as primary a one... (which is only possible in dark theme, but not in light)
Visuals & Mockups
No response
Interaction States & Variations
idk
Accessibility (A11y)
No response
Product & Target Release
No response
Contribution
-
I am interested in contributing this feature.
-
I have searched for similar existing requests.
Jira Issue: PF-3513
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
@patternfly-v5/patternfly/components/Button/button.css から始め、プライマリおよびグローバルなセカンダリカラーの定義とあわせて、セカンダリボタンのカラー変数を確認します。セカンダリボタンが意図されたセカンダリカラーを使用し、ライトテーマとダークテーマの両方でプライマリボタンと区別されていることを確認します。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- css, react
- 領域
- design, frontend
- issue の種類
- 機能追加
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 活発さ
- 静か
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 62/100