fix(ui): adaptive text color for breadcrumb pills (#200) #238

Merged
forbes merged 1 commits from fix/breadcrumb-contrast into main 2026-02-15 09:09:45 +00:00
Owner

Use WCAG relative luminance to choose dark or light text for breadcrumb pills. Bright backgrounds (Green, Yellow, Mauve) now get dark text (#1e1e2e) instead of fixed light text (#cdd6f4) that caused poor contrast.

Context Color Text
Sketcher (Green) #a6e3a1 Dark
Spreadsheet (Yellow) #f9e2af Dark
PartDesign (Mauve) #cba6f7 Dark
Assembly (Blue) #89b4fa Light
Surface0/1 #313244/#45475a Light

Closes #200

Use WCAG relative luminance to choose dark or light text for breadcrumb pills. Bright backgrounds (Green, Yellow, Mauve) now get dark text (`#1e1e2e`) instead of fixed light text (`#cdd6f4`) that caused poor contrast. | Context | Color | Text | |---------|-------|------| | Sketcher (Green) | #a6e3a1 | Dark | | Spreadsheet (Yellow) | #f9e2af | Dark | | PartDesign (Mauve) | #cba6f7 | Dark | | Assembly (Blue) | #89b4fa | Light | | Surface0/1 | #313244/#45475a | Light | Closes #200
forbes added 1 commit 2026-02-15 09:02:54 +00:00
fix(ui): adaptive text color for breadcrumb pills (#200)
Some checks failed
Build and Test / build (pull_request) Has been cancelled
7bbe856ba4
Use WCAG relative luminance to choose dark or light text color based
on pill background brightness. Bright backgrounds (Green, Yellow,
Mauve, Teal, Peach) now get dark text (#1e1e2e) instead of the
previous fixed light text (#cdd6f4) that caused poor contrast.

Closes #200
forbes merged commit 6e41aa67fe into main 2026-02-15 09:09:45 +00:00
forbes deleted branch fix/breadcrumb-contrast 2026-02-15 09:09:45 +00:00
Sign in to join this conversation.
No Reviewers
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: kindred/create#238