feat(design-system): redesign v2 #1 — corner-ember gradient + dark default #102

Merged

varutasu merged 1 commit from redesign-v2-1-corner-embers into main

2026-06-04 11:48:49 -04:00

varutasu commented

2026-06-04 11:45:59 -04:00

(Migrated from github.com)

Umbrella: .convoys/redesign-v2-from-mockups.md (also created in this PR).

Why this exists

After PRs #95-#101 landed the Liquid Glass foundation, you reported "I am not seeing very many changes" and shared two reference mockups. I drafted the umbrella convoy with 8 sub-convoys and got your approval on 6 scoping calls.

This PR is sub-convoy #1: the gradient + dark theme base finally read at mockup intensity.

What changes

1. Dark theme base: warm-brown → deep navy

Prior dark base was #1a0f0a (warm charcoal). Mockup is unmistakably deep cool-navy. Brown-on-brown read as muddy. Glass surface dark tokens re-baselined rgba(26,15,10,X) → rgba(20,22,42,X).

2. Body gradient boosted ~50%

Layer	PR #101	This PR (light)	This PR (dark)
Bottom-left ember	28%	42%	55% (ember-red)
Bottom-right ember	18%	30%	36%
Top-right accent	16% gold	24% gold	26% magenta

Ember-red replaces ember-orange in dark (orange against navy felt Halloween). Magenta replaces vanilla purple (mockup is clearly magenta).

3. Default theme: light → dark

lib/theme-context.js::readThemeFromStorage returns 'dark' for first-time visitors. Light theme stays toggleable.

Tests

npm run build — green
npm run lint — clean
npm run test:run — 104/104

Test plan

CI green
First-time visitor lands on dark
deckhearth.com/dashboard shows visible ember-red glow bottom-left + ember bottom-right + magenta-purple top-right
Toggle to light: amber bottom-left + amber bottom-right + gold top-right (visible warmth, not the prior imperceptible glow)

Made with Cursor

Umbrella: `.convoys/redesign-v2-from-mockups.md` (also created in this PR). ## Why this exists After PRs #95-#101 landed the Liquid Glass foundation, you reported "I am not seeing very many changes" and shared two reference mockups. I drafted the umbrella convoy with 8 sub-convoys and got your approval on 6 scoping calls. This PR is **sub-convoy #1**: the gradient + dark theme base finally read at mockup intensity. ## What changes ### 1. Dark theme base: warm-brown → deep navy Prior dark base was `#1a0f0a` (warm charcoal). Mockup is unmistakably deep cool-navy. Brown-on-brown read as muddy. Glass surface dark tokens re-baselined `rgba(26,15,10,X)` → `rgba(20,22,42,X)`. ### 2. Body gradient boosted ~50% | Layer | PR #101 | This PR (light) | This PR (dark) | | --- | --- | --- | --- | | Bottom-left ember | 28% | **42%** | **55%** (ember-red) | | Bottom-right ember | 18% | **30%** | **36%** | | Top-right accent | 16% gold | **24%** gold | **26%** magenta | Ember-red replaces ember-orange in dark (orange against navy felt Halloween). Magenta replaces vanilla purple (mockup is clearly magenta). ### 3. Default theme: light → dark `lib/theme-context.js::readThemeFromStorage` returns `'dark'` for first-time visitors. Light theme stays toggleable. ## Tests - `npm run build` — green - `npm run lint` — clean - `npm run test:run` — 104/104 ## Test plan - [ ] CI green - [ ] First-time visitor lands on dark - [ ] `deckhearth.com/dashboard` shows visible ember-red glow bottom-left + ember bottom-right + magenta-purple top-right - [ ] Toggle to light: amber bottom-left + amber bottom-right + gold top-right (visible warmth, not the prior imperceptible glow) Made with [Cursor](https://cursor.com)

vercel[bot] commented

2026-06-04 11:46:05 -04:00

(Migrated from github.com)

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

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

[vc]: #R3gPNwpaGVH4KXA+s179V4fZ9BmV+a/JPIOSsmXok5s=:eyJpc01vbm9yZXBvIjp0cnVlLCJ0eXBlIjoiZ2l0aHViIiwicHJvamVjdHMiOlt7Im5hbWUiOiJ0Y2ctdmF1bHQiLCJwcm9qZWN0SWQiOiJwcmpfRjZXOEVvRkd3Y0g3aWVGcnRvRlNlOXdVVkFhNSIsImxpdmVGZWVkYmFjayI6eyJyZXNvbHZlZCI6MCwidW5yZXNvbHZlZCI6MCwidG90YWwiOjAsImxpbmsiOiJ0Y2ctdmF1bHQtZ2l0LXJlZGVzaWduLXYyLTEtMTA2ODIxLXJhbmRhbGwtc3RpbGx3ZWxscy1wcm9qZWN0cy52ZXJjZWwuYXBwIn0sImluc3BlY3RvclVybCI6Imh0dHBzOi8vdmVyY2VsLmNvbS9yYW5kYWxsLXN0aWxsd2VsbHMtcHJvamVjdHMvdGNnLXZhdWx0L0QxRjhuaG85RnJRUjhtZTVna0UySkpGZUU3UDYiLCJwcmV2aWV3VXJsIjoidGNnLXZhdWx0LWdpdC1yZWRlc2lnbi12Mi0xLTEwNjgyMS1yYW5kYWxsLXN0aWxsd2VsbHMtcHJvamVjdHMudmVyY2VsLmFwcCIsIm5leHRDb21taXRTdGF0dXMiOiJERVBMT1lFRCJ9XSwicmVxdWVzdFJldmlld1VybCI6Imh0dHBzOi8vdmVyY2VsLmNvbS92ZXJjZWwtYWdlbnQvcmVxdWVzdC1yZXZpZXc/b3duZXI9dmFydXRhc3UmcmVwbz10Y2ctdmF1bHQmcHI9MTAyIn0= 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/D1F8nho9FrQR8me5gkE2JJFeE7P6) | [Preview](https://tcg-vault-git-redesign-v2-1-106821-randall-stillwells-projects.vercel.app), [Comment](https://vercel.live/open-feedback/tcg-vault-git-redesign-v2-1-106821-randall-stillwells-projects.vercel.app?via=pr-comment-feedback-link) | Jun 4, 2026 3:46pm | <a href="https://vercel.com/vercel-agent/request-review?owner=varutasu&repo=tcg-vault&pr=102" 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 11:46:18 -04:00

(Migrated from github.com)

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 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 11:47:28 -04:00

(Migrated from github.com)

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/26962782061) If intentional changes: update snapshots locally with `npx playwright test --project=visual --update-snapshots` and commit.