Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Theme editor/builder in docs framework

Aperta
  • Qualcosa non va?
#4,746 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
20/100
Tipo di issue
Funzionalità
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
css, figma, javascript, react
Ambito
design, frontend, web-dev

Direzione di ricerca

Non vengono indicati file sorgente, test o punti di ingresso. Inizia esaminando i requisiti e l’issue collegata #4748, quindi chiarisci con il team l’ambito della progettazione e dell’implementazione. Il lavoro è completato quando un drawer documentato può soddisfare i requisiti elencati per la modifica dei token, la persistenza, il tema, l’esportazione, il salvataggio e l’attivazione/disattivazione.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

PF Team

This is a draft and has not be vetted by the team.

Problem statement

Designers and developers need a way to make token/theme adjustments on the fly and see the changes reflected immediately in the UI. It's currently difficult to build themes in figma and iterate without updating/committing changes to our published library. There is a plugin designers use, but it's tedious.

Goal

A drawer that pops up on any documentation framework site where you can customize global tokens and see the changes reflected immediately in the browser.

Requirements

The drawer should toggle open/closed on any docs framework site, and the customizations should be:

  • Overrides of our global tokens.

  • Per token (you can customize each token).

  • Grouped by type (borders, background colors, text stuff, etc).

  • Stored in local storage so they persist between browser sessions.

  • Able to be cleared both globally (all customizations) and per customization.

  • Able to be toggled on/off (disabled) both globally (all customizations) and per customization.

  • Able to be exported (copy/paste) from the tool as CSS variable/token overrides, that can then be dropped in a PatternFly app's stylesheet to apply the customizations.

  • Able to be applied to any existing theme (overrides for default, default/dark, HC, HC/dark).

  • Able to be saved by a name ("my blue theme"), and multiple can be saved/retrieved ("my blue theme", "my red theme", etc)

Acceptance criteria

Reference requirements above

Level of effort

Minus the design and any requirements for how it looks, maybe 3 sprints involving a core and react developer.

Notes

This would be targeted for PF designers working on PF supported themes, and for designers/community members customizing non-patternfly, non-redhat themes/experiences. We would need to be clear that we're not giving the green-light for any UXD designer to go create a totally new theme for their product.

Issues

Jira Issue: PF-2557

Lingua principale
JavaScript
Stelle
74
Fork
148
Merge medio
3g 18h
PR unite (30g)
3

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di patternfly/patternfly-org

Tutte le issue di patternfly/patternfly-org

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.