Welcome widget: draw the version number in the banner#78611
Merged
Conversation
parametric 0-9 glyphs with per-stroke gradients, all WPDS tokens
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Size Change: -80 B (0%) Total Size: 8.04 MB 📦 View Changed
ℹ️ View Unchanged
|
simison
reviewed
May 25, 2026
simison
approved these changes
May 25, 2026
….tsx Co-authored-by: Mikael Korpela <mikael@ihminen.org>
Member
|
Can be iterated later, but longer sembers could possibly be slightly smaller; note how first dot blends to background. 
Versions like |
|
Flaky tests detected in ad8c21f. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/26389691152
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What?
The Welcome dashboard widget's banner now renders the WordPress version as a stylized SVG graphic anchored to the right, replacing the previous decorative vertical-lines motif. The version digits are drawn as thick strokes with gradients, in the spirit of the core About page banner.
Why?
The banner gains a more polished, recognizable look and surfaces the version visually, rather than showing generic decoration. The digits are parametric, so the graphic follows whatever version the widget is given instead of being a fixed illustration.
How?
HeaderBackgroundis now parametric: it receives aversionstring and draws it.0–9and.are defined as stroke paths inside a local box and placed right-to-left, so any version length stays anchored to the right edge (xMaxYMid slice).6and9use a tangent stem drawn over the ring, so the dark/light seam reads as a folded ribbon (matching the About banner); the8shares one gradient across both rings.--banner-accent-*→bg-interactive-brand-strong,stroke-surface-warning,fg-content-neutral); no raw hex.<g data-glyph>group, leaving room to decorate or animate individual sectors later.Testing
7.1) as a graphic on the right; the heading and link stay legible over the dark left side.Follow-ups
DISPLAY_VERSIONconstant inbanner.tsx, so the heading text and the graphic share a single source.