rstillwell/deckhearth
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions 10

feat(design): warm↔cool gradient + edge-light response on chips #115

Merged
varutasu merged 1 commit from two-light-source-edge-glow into main 2026-06-04 13:23:22 -04:00
Conversation 3 Commits 1 Files changed 3 +121 -61
varutasu commented 2026-06-04 13:20:58 -04:00 (Migrated from github.com)
Copy link

Operator feedback 2026-06-04: "increase the gradient in the background that goes from our nice warm red to a nice purpley blue. And then let's have the corners or the edges of our sections respond as if those two are light sources."

Two coordinated changes

1) Body gradient pushed harder + diagonal warm↔cool story

Dark theme (the primary canvas):

  • Warm ember pool bottom-left: alpha 0.55 → 0.72, ellipse enlarged.
  • Top-right corner now a unified bright purpley-blue pool (indigo → violet, alpha 0.58) — replaces the previous secondary ember + dim purple-magenta.
  • Base linear-gradient flipped from 180deg vertical to 45deg diagonal (warm aubergine bottom-left → indigo top-right) so the whole page reads as one continuous warm↔cool dialogue, not just two corner pools.

Light theme:

  • Top-right gold accent replaced with purpley-blue so both themes share the same diagonal story.
  • Bottom-left ember boosted; base linear-gradient also flipped to 45deg.

2) Edge-light tokens on every chip's shadow stack

Two new design tokens in :root + [data-theme="dark"]:

  • --edge-light-warm — offset -X +Y, warm ember alpha → glow on each chip's bottom-left edge (facing the warm light source).
  • --edge-light-cool — offset +X -Y, indigo alpha → glow on each chip's top-right edge (facing the cool light source).

Applied via prepending to the shadow stack in three places:

  • .glass-panel + .glass-panel-strong — picks up DailyEmberWidget, CommandPaletteModal popover, the logged-out sidebar tray, UserMenu dropdown, and any future glass surface for free.
  • components/Layout.js nav-chip inline boxShadow.
  • components/ui/TopSearchBar.js inline boxShadow.

Result

The body visibly transitions warm-ember (bottom-left) → neutral midpoint → purpley-blue (top-right). Every floating chip's bottom-left and top-right edges pick up subtle directional glow from the matching corner — light wrapping around the chip's rim from the two off-screen-ish sources.

CI

113/113 vitest, lint clean (1 pre-existing warning), build green.

Made with Cursor

Operator feedback 2026-06-04: "increase the gradient in the background that goes from our nice warm red to a nice purpley blue. And then let's have the corners or the edges of our sections respond as if those two are light sources." ## Two coordinated changes ### 1) Body gradient pushed harder + diagonal warm↔cool story **Dark theme** (the primary canvas): - Warm ember pool bottom-left: alpha 0.55 → 0.72, ellipse enlarged. - Top-right corner now a unified bright **purpley-blue pool** (indigo → violet, alpha 0.58) — replaces the previous secondary ember + dim purple-magenta. - Base linear-gradient flipped from 180deg vertical to **45deg diagonal** (warm aubergine bottom-left → indigo top-right) so the whole page reads as one continuous warm↔cool dialogue, not just two corner pools. **Light theme**: - Top-right gold accent **replaced with purpley-blue** so both themes share the same diagonal story. - Bottom-left ember boosted; base linear-gradient also flipped to 45deg. ### 2) Edge-light tokens on every chip's shadow stack Two new design tokens in `:root` + `[data-theme="dark"]`: - `--edge-light-warm` — offset `-X +Y`, warm ember alpha → glow on each chip's **bottom-left edge** (facing the warm light source). - `--edge-light-cool` — offset `+X -Y`, indigo alpha → glow on each chip's **top-right edge** (facing the cool light source). Applied via prepending to the shadow stack in three places: - `.glass-panel` + `.glass-panel-strong` — picks up DailyEmberWidget, CommandPaletteModal popover, the logged-out sidebar tray, UserMenu dropdown, and any future glass surface for free. - `components/Layout.js` nav-chip inline boxShadow. - `components/ui/TopSearchBar.js` inline boxShadow. ## Result The body visibly transitions warm-ember (bottom-left) → neutral midpoint → purpley-blue (top-right). Every floating chip's bottom-left and top-right edges pick up subtle directional glow from the matching corner — light wrapping around the chip's rim from the two off-screen-ish sources. ## CI 113/113 vitest, lint clean (1 pre-existing warning), build green. Made with [Cursor](https://cursor.com)
vercel[bot] commented 2026-06-04 13:21:00 -04:00 (Migrated from github.com)
Copy link

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

Project Deployment Actions Updated (UTC)
tcg-vault Ready Ready Preview, Comment Jun 4, 2026 5:21pm

Request Review

[vc]: #XkdRTfY8NFtGxZZXmFAvO+KZ80CoqePKWkCytJ+XRXs=:eyJpc01vbm9yZXBvIjp0cnVlLCJ0eXBlIjoiZ2l0aHViIiwicHJvamVjdHMiOlt7Im5hbWUiOiJ0Y2ctdmF1bHQiLCJwcm9qZWN0SWQiOiJwcmpfRjZXOEVvRkd3Y0g3aWVGcnRvRlNlOXdVVkFhNSIsImluc3BlY3RvclVybCI6Imh0dHBzOi8vdmVyY2VsLmNvbS9yYW5kYWxsLXN0aWxsd2VsbHMtcHJvamVjdHMvdGNnLXZhdWx0L0Jybm45Tmk3ZHF1S0pZWnFiSGNGSkVBR0FXa3AiLCJwcmV2aWV3VXJsIjoidGNnLXZhdWx0LWdpdC10d28tbGlnaHQtc291ci02MzY2N2EtcmFuZGFsbC1zdGlsbHdlbGxzLXByb2plY3RzLnZlcmNlbC5hcHAiLCJuZXh0Q29tbWl0U3RhdHVzIjoiREVQTE9ZRUQiLCJsaXZlRmVlZGJhY2siOnsicmVzb2x2ZWQiOjAsInVucmVzb2x2ZWQiOjAsInRvdGFsIjowLCJsaW5rIjoidGNnLXZhdWx0LWdpdC10d28tbGlnaHQtc291ci02MzY2N2EtcmFuZGFsbC1zdGlsbHdlbGxzLXByb2plY3RzLnZlcmNlbC5hcHAifSwicm9vdERpcmVjdG9yeSI6bnVsbH1dLCJyZXF1ZXN0UmV2aWV3VXJsIjoiaHR0cHM6Ly92ZXJjZWwuY29tL3ZlcmNlbC1hZ2VudC9yZXF1ZXN0LXJldmlldz9vd25lcj12YXJ1dGFzdSZyZXBvPXRjZy12YXVsdCZwcj0xMTUifQ== The latest updates on your projects. Learn more about [Vercel for GitHub](https://vercel.link/github-learn-more). | Project | Deployment | Actions | Updated (UTC) | | :--- | :----- | :------ | :------ | | [tcg-vault](https://vercel.com/randall-stillwells-projects/tcg-vault) | ![Ready](https://vercel.com/static/status/ready.svg) [Ready](https://vercel.com/randall-stillwells-projects/tcg-vault/Brnn9Ni7dquKJYZqbHcFJEAGAWkp) | [Preview](https://tcg-vault-git-two-light-sour-63667a-randall-stillwells-projects.vercel.app), [Comment](https://vercel.live/open-feedback/tcg-vault-git-two-light-sour-63667a-randall-stillwells-projects.vercel.app?via=pr-comment-feedback-link) | Jun 4, 2026 5:21pm | <a href="https://vercel.com/vercel-agent/request-review?owner=varutasu&repo=tcg-vault&pr=115" rel="noreferrer"><picture><source media="(prefers-color-scheme: dark)" srcset="https://agents-vade-review.vercel.sh/request-review-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://agents-vade-review.vercel.sh/request-review-light.svg"><img src="https://agents-vade-review.vercel.sh/request-review-light.svg" alt="Request Review"></picture></a>
github-actions[bot] commented 2026-06-04 13:21:12 -04:00 (Migrated from github.com)
Copy link

Pipeline Health

Build + CI gates

Gate Status
Vercel build (Preview) ✅ pass
CI: Lint ✅ pass
CI: Schema map fresh ❌ skipped
Preview smoke ✅ pass
Visual diff ✅ pass

Build runs on Vercel; this CI runs lint and schema-map drift only (no duplicate build).

Role reports

Role Status
Reviewer report ⏳ pending
A11y audit ⏳ pending
Design system audit ⏳ pending

See individual comments above for details. This rollup updates automatically.

<!-- pipeline-rollup --> ## Pipeline Health ### Build + CI gates | Gate | Status | | --- | --- | | Vercel build (Preview) | ✅ pass | | CI: Lint | ✅ pass | | CI: Schema map fresh | ❌ skipped | | Preview smoke | ✅ pass | | Visual diff | ✅ pass | _Build runs on Vercel; this CI runs lint and schema-map drift only (no duplicate build)._ ### Role reports | Role | Status | | --- | --- | | Reviewer report | ⏳ pending | | A11y audit | ⏳ pending | | Design system audit | ⏳ pending | See individual comments above for details. This rollup updates automatically.
github-actions[bot] commented 2026-06-04 13:22:20 -04:00 (Migrated from github.com)
Copy link

Visual Diff

Screenshots and diffs uploaded as artifacts: view run

If intentional changes: update snapshots locally with npx playwright test --project=visual --update-snapshots and commit.

## Visual Diff Screenshots and diffs uploaded as artifacts: [view run](https://github.com/varutasu/tcg-vault/actions/runs/26967915300) If intentional changes: update snapshots locally with `npx playwright test --project=visual --update-snapshots` and commit.
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels   
agent-context-drift

   
bug

Something isn't working

  
documentation

Improvements or additions to documentation

  
duplicate

This issue or pull request already exists

  
enhancement

New feature or request

  
good first issue

Good for newcomers

  
help wanted

Extra attention is needed

  
invalid

This doesn't seem right

  
question

Further information is requested

  
wontfix

This will not be worked on

No labels
agent-context-drift
bug
documentation
duplicate
enhancement
good first issue
help wanted
invalid
question
wontfix
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: rstillwell/deckhearth#115
No description provided.
Delete branch "two-light-source-edge-glow"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?