Skip to content

fix: redesign Badge encoding with icon+color dual encoding for distinguishability (#49) - #178

Open
rafaio1 wants to merge 1 commit into
MergeFi:mainfrom
rafaio1:fix/49-badge-distinguishability
Open

fix: redesign Badge encoding with icon+color dual encoding for distinguishability (#49)#178
rafaio1 wants to merge 1 commit into
MergeFi:mainfrom
rafaio1:fix/49-badge-distinguishability

Conversation

@rafaio1

@rafaio1 rafaio1 commented Aug 20, 2026

Copy link
Copy Markdown

Fixes #49.

  • Add unique Lucide icons to all 8 status and 4 difficulty badge states for non-color-dependent distinguishability
  • Resolve funded vs paid confusion: funded uses sky-blue + CircleDollarSign (escrowed), paid uses emerald-green + Banknote (released)
  • Shift refunded from slate to orange for distinctness from open state
  • Adjust ring/text opacity for WCAG AA contrast in both light and dark modes
  • Icons provide pairwise distinguishability under protanopia/deuteranopia/tritanopia simulation

TypeScript compiles cleanly with npx tsc --noEmit.

…guishability (MergeFi#49)

- Add unique Lucide icons to all 8 status and 4 difficulty badge states
- Resolve funded vs paid confusion: funded=sky+DollarSign, paid=emerald+Banknote
- Shift refunded from slate to orange for distinctness from open state
- Adjust ring/text opacity for WCAG AA contrast in both light and dark modes
- Icons provide non-color-dependent distinguishability under CVD simulation

TypeScript compiles cleanly with npx tsc --noEmit.
@vercel

vercel Bot commented Aug 20, 2026

Copy link
Copy Markdown

Someone is attempting to deploy a commit to the chonilius' projects Team on Vercel.

A member of the Team first needs to authorize it.

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.

Redesign status/difficulty Badge encoding for distinguishability beyond color

1 participant