Skip to content

fix: rarity color tinting for item icons#338

Merged
mokn merged 1 commit intodevfrom
feat/item-rarity-tint
Apr 8, 2026
Merged

fix: rarity color tinting for item icons#338
mokn merged 1 commit intodevfrom
feat/item-rarity-tint

Conversation

@mokn
Copy link
Copy Markdown
Collaborator

@mokn mokn commented Apr 8, 2026

Summary

  • Canvas multiply blend tints white-on-black WebP art with rarity color
  • Common→dim gray, Uncommon→green, Rare→blue, Epic→purple, Legendary→gold
  • Epic+ items get glow drop-shadows and breathing animations
  • Visible at all sizes including small thumbnails

Test plan

  • Verify each rarity tier has distinct color tint
  • Verify thumbnails (loadout, quick-use) show tinted art clearly
  • Verify epic/legendary glow effects

White-on-black ink illustrations get multiply-blended with rarity color:
Common→dim gray, Uncommon→green, Rare→blue, Epic→purple, Legendary→gold.
Each tier is instantly recognizable at any size. Epic+ items get glow
drop-shadows and breathing animations.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 8, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
blog Building Building Preview, Comment Apr 8, 2026 9:23pm
ud Building Building Preview, Comment Apr 8, 2026 9:23pm
ud-api Building Building Preview, Comment Apr 8, 2026 9:23pm
ud-api-beta Building Building Preview, Comment Apr 8, 2026 9:23pm

Request Review

@mokn mokn merged commit 707c98a into dev Apr 8, 2026
4 of 11 checks passed
@mokn mokn deleted the feat/item-rarity-tint branch April 8, 2026 21:24
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.

1 participant