fix: match tag colours to wireframe neon style #29

Merged
mark merged 1 commits from fix/tag-neon-colours into main 2026-03-02 17:13:05 +00:00
Owner

Problem

Tags render with soft muted pastel colours (bg-cyan-100 text-cyan-900) instead of the vibrant neon style shown in the wireframe.

Fix

Updated TagMetadata CSS classes to match the wireframe exactly:

Colour Before After (wireframe)
Cyan bg-cyan-100 text-cyan-900 bg-brand-cyan/10 text-brand-cyan
Pink bg-pink-100 text-pink-900 bg-brand-pink/10 text-brand-pink
Neutral bg-zinc-100 text-zinc-800 bg-zinc-800 text-white (dark: bg-zinc-100 text-black)

All tests pass.

## Problem Tags render with soft muted pastel colours (`bg-cyan-100 text-cyan-900`) instead of the vibrant neon style shown in the wireframe. ## Fix Updated `TagMetadata` CSS classes to match the wireframe exactly: | Colour | Before | After (wireframe) | |--------|--------|--------------------| | Cyan | `bg-cyan-100 text-cyan-900` | `bg-brand-cyan/10 text-brand-cyan` | | Pink | `bg-pink-100 text-pink-900` | `bg-brand-pink/10 text-brand-pink` | | Neutral | `bg-zinc-100 text-zinc-800` | `bg-zinc-800 text-white` (dark: `bg-zinc-100 text-black`) | All tests pass.
mark added 1 commit 2026-03-02 17:10:49 +00:00
fix: match tag colours to wireframe neon style
All checks were successful
CI / nightly-e2e (pull_request) Has been skipped
CI / deploy (pull_request) Has been skipped
CI / pr-e2e (pull_request) Successful in 1m11s
CI / ci (pull_request) Successful in 1m16s
8a97b6e2a0
Update TagMetadata CSS classes to use brand colours with translucent
backgrounds matching the wireframe design:
- cyan:    bg-brand-cyan/10 text-brand-cyan
- pink:    bg-brand-pink/10 text-brand-pink
- neutral: bg-zinc-800 text-white (dark: bg-zinc-100 text-black)

Previously used muted Tailwind defaults (bg-cyan-100/text-cyan-900)
which appeared as soft pastels instead of the intended neon look.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
mark merged commit ad271aa817 into main 2026-03-02 17:13:05 +00:00
mark deleted branch fix/tag-neon-colours 2026-03-02 17:13:05 +00:00
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: nohype/main-site#29