patternfly / patternfly/patternfly-react

Button - secondary color

Abierto Apto para principiantes
#12,238 3 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Stale
Lenguaje dominante
TypeScript
Estrellas
862
Forks
392
Merge medio
4 d 8 h
PR fusionados (30 d)
9

Descripción

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

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza con @patternfly-v5/patternfly/components/Button/button.css e inspecciona la variable de color del botón secundario junto a las definiciones de color secundario primario y global. Confirma que el botón secundario usa el color secundario previsto y sigue siendo distinto del botón primario tanto en los temas claros como en los oscuros.

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

Evaluación

Stack tecnológico
css, react
Área
design, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Tranquilo
Claridad
Bastante claro
Aptitud para principiantes
62/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.