Update x402 agent demo to Privy design language#143
Open
madeleine-c wants to merge 1 commit intomainfrom
Open
Conversation
Migrate the x402 agent demo from ad-hoc violet/offblack color scheme to the canonical Privy design system extracted from privy-next-starter. - Replace violet (#8B5CF6) with Privy primary (#5B4FFF) - Replace offblack (#0f0f10) buttons with #5B4FFF/#4A3EE6 - Standardize borders to #E2E3F0, highlight bgs to #E0E7FF - Add .button-primary, .button-outline, .button classes to globals.css - Load Inter font via next/font/google - Update CLAUDE.md styling conventions Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Committed-By-Agent: claude
|
The latest updates on your projects. Learn more about Vercel for GitHub.
15 Skipped Deployments
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
#5B4FFF), standardizes borders (#E2E3F0), highlight backgrounds (#E0E7FF), and info backgrounds (#F1F2F9).button-primary,.button-outline,.buttoncomponent classes toglobals.cssnext/font/googleinlayout.tsxFiles changed (10)
app/globals.css— complete rewrite with Privy design tokens and button classesapp/layout.tsx— Inter font loadingapp/page.tsx— landing page colorsapp/agent/[id]/page.tsx— actions step colorsapp/agent/[id]/fund/page.tsx— fund step colorsapp/agent/[id]/policy/page.tsx— policy step colorscomponents/StepIndicator.tsx— step indicator colorscomponents/AgentCard.tsx— agent card colorscomponents/ActionCard.tsx— action card colorsCLAUDE.md— updated styling conventions sectionTest plan
npm run devand walk through the full wizard (create agent → fund → policy → actions)🤖 Generated with Claude Code