Theme builder POC
@mcoker ci sta già lavorando.
Dal 8/10/2025.
Valutazione
Questa issue non è ancora stata valutata.
Descrizione
Parent issue - https://github.com/patternfly/patternfly-org/issues/4746
This spike POC should:
-
Create a form that
-
Lists each of our global tokens as the form group label
-
Has a text input in the form group that lets you specify a new value for the global token
-
If it's not too much of a pain, before the text input, add a select menu that lists all of our global tokens that can be selected as the value for the global token, too. If adding this, the text input's value should have priority over the select's value.
-
Each entry in the form should be able to be cleared (to remove the customization)
-
The form should live somewhere like a drawer that allows you to make changes, see the changes live, and scroll/click around with the form still open.
-
Changes made would likely just be added/removed on the
[html]element as inline styles. eg,element.style.setProperty('--pf-t--global--some-token', '42px');andelement.style.removeProperty('--pf-t--global--some-token'). This is what applies the overrides, so it's something we'll need to test to make sure it works as expected. -
Changes should persist at least for the current browser session.
Goals:
-
Tests feasibility and uncovers any unknown unknowns.
-
Tests the method of hot swapping token values/overrides to make sure it works as intended.
-
Lets design weigh in early with any feedback, but specifically:
-
Is this useful?
-
Are there any conceptual changes to be considered and possibly added to the POC?
-
Does this present the concept well enough to create a UI for this feature?
Jira Issue: PF-2564
- Lingua principale
- JavaScript
- Stelle
- 74
- Fork
- 148
- Merge medio
- 3g 18h
- PR unite (30g)
- 3
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di patternfly/patternfly-org
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
patternfly/patternfly-org#5098 ·
-
PF Team
Difficoltà 1/5 1-3 ore Idoneità per principianti 68/100
patternfly/patternfly-org#4999 ·
-
A11y Documentation PF Team
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
patternfly/patternfly-org#4596 ·
-
Guidelines updates: IconApertaPF Team PF6 Design guidelines
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
patternfly/patternfly-org#4487 · 2 commenti ·
-
Content PF Team
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
patternfly/patternfly-org#3918 ·
Tutte le issue di patternfly/patternfly-org
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
microsoft/playwright#43327 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
microsoft/TypeScript#64758 ·
I maintainer di solito rispondono entro 1 giorno
-
needs-area-label
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 65/100
-
bug good first issue help wanted status: planned
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
andersthemagi/reliquary#310 ·
I maintainer di solito rispondono entro 1 giorno