patternfly / patternfly/patternfly-react

Button - secondary color

Ouverte Adaptée aux débutants
#12,238 3 commentaires 1 réaction 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Stale
Langage dominant
TypeScript
Étoiles
862
Forks
392
Merge moyen
4 j 8 h
PR mergées (30 j)
9

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par @patternfly-v5/patternfly/components/Button/button.css et examinez la variable de couleur du bouton secondaire à côté des définitions de couleur secondaire primaire et globale. Confirmez que le bouton secondaire utilise la couleur secondaire prévue et reste distinct du bouton primaire dans les thèmes clair et sombre.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
css, react
Domaine
design, frontend
Type d'issue
Fonctionnalité
Difficulté
2/5
Temps estimé
1-3 heures
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
62/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.