humanmade / humanmade/wp-pattern-library

Build theme tokens reference along with patterns

Open
#11 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2
Forks
0
Avg merge
13h 4m
Merged PRs (30d)
6

Description

It might be nice to build a reference page for the theme tokens defined in theme.json, in addition to just screenshotting patterns. The same process (playwright script to take screenshots of content output by an endpoint served by the plugin) could be easily used to generate this reference page.

Ideas for content that would be good to show might be:
- color palette
- typography scale
- font families and sizes
- spacing
- style variants of core blocks like buttons, etc.

Contributor guide

Open the contributing guide

Research direction

Start by locating theme.json, the existing Playwright screenshot script, and the plugin endpoint that serves pattern content. Review how pattern screenshots are generated, then define a reference page showing the theme tokens and core-block style variants; done means the page is generated through the same process and includes the agreed token categories.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
documentation
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.