Skip to content

Update block "pill" background colour#5848

Merged
quis merged 1 commit intomainfrom
update-pill-background-colour
Mar 20, 2026
Merged

Update block "pill" background colour#5848
quis merged 1 commit intomainfrom
update-pill-background-colour

Conversation

@kr8n3r
Copy link
Contributor

@kr8n3r kr8n3r commented Mar 19, 2026

Previously we were using the link colour, but in Design System v6 the link colour changed, so to maintain previous look, we're updating to the "brand" shade of blue.

Dashboard pill nav

Before
Screenshot 2026-03-19 at 16 01 08

After
Screenshot 2026-03-19 at 16 01 15

Templates pill nav

Before
Screenshot 2026-03-19 at 16 00 45

After
Screenshot 2026-03-19 at 16 00 53

API integration

Before
Screenshot 2026-03-19 at 15 57 17

After
Screenshot 2026-03-19 at 16 00 23

Previously we were using the link colour, but in Design System v6 the link colour changed  - alphagov/govuk-frontend#6712

so to maintain previous look, we're updating to the "brand" shade of blue.
Copy link
Contributor

@tombye tombye left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Makes sense. Assuming the tests pass this looks good to me 👍🏻

@quis
Copy link
Member

quis commented Mar 19, 2026

Looks like the tour already has the right colour:

.banner-tour {
@extend %banner;
background: govuk-functional-colour(brand);

@kr8n3r
Copy link
Contributor Author

kr8n3r commented Mar 19, 2026

Looks like the tour already has the right colour:

.banner-tour {
@extend %banner;
background: govuk-functional-colour(brand);

yep, tour was previously already using $govuk-brand-colour variable

@quis quis merged commit 6c6e0da into main Mar 20, 2026
8 checks passed
@quis quis deleted the update-pill-background-colour branch March 20, 2026 11:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants