Skip to content

feat: integrate design tokens system#449

Open
itskai-dev wants to merge 2 commits into
mainfrom
link/design-tokens-migration
Open

feat: integrate design tokens system#449
itskai-dev wants to merge 2 commits into
mainfrom
link/design-tokens-migration

Conversation

@itskai-dev
Copy link
Copy Markdown
Collaborator

Design Tokens Migration — forAgents.dev

Integrates pixel's unified design tokens (tokens.css) with product-specific overrides for the Midnight Aurora brand.

Changes

  • Import tokens.css in globals.css
  • Add product-specific token overrides (seafoam primary, midnight aurora palette)
  • Add data-theme=dark to <html> element
  • Preserve Midnight Aurora brand identity via overrides layer
  • Aurora gradient utilities kept as-is (decorative)

Design Decision

forAgents.dev has a distinct visual identity (seafoam/cyan primary vs indigo). Token overrides preserve this while sharing the foundation.

Part of task-1771426471675-lnteagv1g

@vercel
Copy link
Copy Markdown

vercel Bot commented Feb 18, 2026

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

Project Deployment Actions Updated (UTC)
agent-hub Ready Ready Preview, Comment Feb 18, 2026 4:58pm

Request Review

@supabase
Copy link
Copy Markdown

supabase Bot commented Feb 18, 2026

This pull request has been ignored for the connected project oldbapagtyvkplbqllwa because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

itskai-dev added a commit that referenced this pull request Feb 18, 2026
- Add stars/installs/framework optional fields to McpServer type
- Remove 18 'as any' casts in mcp-client.tsx (now properly typed)
- Replace 'as any as' with 'as unknown as' in compatibility route
- 19 errors → 0 errors (120 warnings remain, all non-blocking)

Unblocks CI for all branches including PR #449 (design tokens)
- Add tokens.css with full Reflectt design token system
- Override token primitives for Midnight Aurora brand palette
- Map shadcn semantic vars to token references
- Replace aurora gradient utilities with token references
- Add data-theme='dark' to html element
- Preserve product-specific brand identity (#06D6A0 cyan primary)
- Build verified clean
Batch migration of all Tailwind arbitrary hex values to semantic token classes:
- text-[#06D6A0] → text-primary (450 instances)
- bg-[#06D6A0] → bg-primary (366 instances)
- border-[#06D6A0] → border-primary (274 instances)
- text-[#F8FAFC] → text-foreground (197 instances)
- bg-[#0a0a0a] → bg-background (165 instances)
- Plus all secondary, accent, solar, electric-blue, purple variants

B-class allowlist (6 remaining — external brand colors):
- #5865F2 (Discord), #1DA1F2 (Twitter)
- #3178c6 (TypeScript), #f7df1e (JavaScript)

Build verified clean. 207 files, 0 regressions.

Task: task-1771427753854-uhywf9ps8
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