Skip to content

♿🔧:make the not-yet-published tag readable - #1855

Merged
openinf-commit-queue[bot] merged 1 commit into
livefrom
fix/tag-soon-contrast
Aug 24, 2026
Merged

♿🔧:make the not-yet-published tag readable#1855
openinf-commit-queue[bot] merged 1 commit into
livefrom
fix/tag-soon-contrast

Conversation

@DerekNonGeneric

Copy link
Copy Markdown
Member

.tag-soon is the "Not yet published" chip beside Install on the home page.
It set parchment text on a solid $quaternary, which is 4.33:1. The words
are 11px, so the floor is 4.5:1.

Two problems, not one

The chip sits inside .install-head, which is ink. So a solid quaternary fill
was a dark chip on a dark bar — 3.22:1 against the ground behind it, only
just past the 3:1 a non-text element answers to. It was hard to read and hard
to see.

.tag-when, eleven lines above it in the same stylesheet, is the sibling
variant and does the opposite: a pale fill carrying dark text, 6.57:1, and
it stands off the ink bar clearly. The two chips were built to different rules.

The fix

.tag-soon now reads the way .tag-when does — a pale fill with its own deep
text — which is also the pairing the handbook's .rule-flag settled on for
exactly this problem.

before after
words 4.33:1 fail 6.91:1
chip against the ink bar 3.22:1 14.80:1

Same hue, same meaning, same size, same position. Two tokens added beside the
--primary-tint / --primary-deep pair that already exists.

nps test passes, all 18.

Parchment on a solid quaternary is 4.33:1, and the words are 11px, so
the floor is 4.5:1. It sat on the ink bar beside `Install`, where a dark
chip on a dark ground also had little to separate it: 3.22:1 against
what is behind it.

It now reads the way `.tag-when` does a few lines above, a pale fill
carrying its own deep text, which is the pairing the handbook's own
flags settled on. 6.91:1 for the words, and the chip itself stands off
the bar rather than sinking into it.

Signed-off-by: Derek Lewis <DerekNonGeneric@inf.is>
Assisted-by: Claude-Code:claude-opus-5
@netlify

netlify Bot commented Aug 24, 2026

Copy link
Copy Markdown

Deploy Preview for gh-pages-openinf ready!

Name Link
🔨 Latest commit d81ac2e
🔍 Latest deploy log https://app.netlify.com/projects/gh-pages-openinf/deploys/6a8bbb281e3cdc0008870c5a
😎 Deploy Preview https://deploy-preview-1855--gh-pages-openinf.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@OpenINFbot OpenINFbot added the 🚀 Status: Commit Queue Land this pull request when its checks pass label Aug 24, 2026
@openinf-commit-queue
openinf-commit-queue Bot merged commit add27e5 into live Aug 24, 2026
15 checks passed
@openinf-commit-queue openinf-commit-queue Bot removed the 🚀 Status: Commit Queue Land this pull request when its checks pass label Aug 24, 2026
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.

2 participants