patillacode/scoundrel
patillacode/scoundrel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

color-codes #6

Merged
patillacode merged 3 commits from color-codes into main 2026-09-01 16:11:38 +02:00
Conversation 0 Commits 3 Files changed 15 +252 -234
patillacode commented 2026-09-01 16:06:47 +02:00
Owner
Copy link

Split card color into kind + grade

Card border/label now show kind (monster/weapon/potion), independent of the rank badge, which
glows and saturates toward that kind's own color as rank climbs. HUD gets its own fixed palette
instead of reusing card tokens, with translucent blurred panels. Potion-used state moves onto the
heart icon (hollow when used), dropping the separate flask icon.

**Split card color into kind + grade** Card border/label now show kind (monster/weapon/potion), independent of the rank badge, which glows and saturates toward that kind's own color as rank climbs. HUD gets its own fixed palette instead of reusing card tokens, with translucent blurred panels. Potion-used state moves onto the heart icon (hollow when used), dropping the separate flask icon.
Card border/label now show kind (monster/weapon/potion), independent
of the rank badge's 5-tier grade ramp (weak/good/epic/legendary/
mythic) — previously a single color conflated both, making it
impossible to tell a card's kind at a glance. HUD chrome (header,
status bar, buttons) gets a dedicated theme-invariant palette instead
of reusing card tokens, and panels get a translucent blurred
background so they blend with the backdrop art. Room's monster row
now spreads with space-between instead of center.

Also replaces the `zoom`-based board scaling with real responsive
--card-w/--card-h/--gap breakpoints — zoom doesn't compose correctly
with CSS Grid or position:fixed descendants, which was causing cards
to render outside their panel and the rules popup to overflow the
viewport on large screens.
The badge now stays the card's own kind color throughout (muted at low
rank, full saturation + glow near the top of that kind's own range)
instead of fading from neutral gray or sharing one 5-tier color ramp
across every kind. The ease-in curve (rank^1.4) spreads mid-low ranks
apart more than a linear ramp, since color-mix bunched everything near
full saturation before that.
Show potion-used state on the heart icon instead of a separate flask
All checks were successful
CI / verify (pull_request) Successful in 17s
Details
CI / smoke (pull_request) Successful in 12s
Details
Release / verify (push) Successful in 15s
Details
Release / build (push) Successful in 46s
Details
c5726f09a1 
The heart now goes hollow once this room's potion is used, so the HP
stat carries its own state instead of a second icon next to it. Drops
the flask icon entirely since nothing else used it.
patillacode deleted branch color-codes 2026-09-01 16:11:38 +02:00
patillacode referenced this pull request from a commit 2026-09-01 16:11:39 +02:00
color-codes (#6)
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
patillacode/scoundrel!6
No description provided.