mirror of
https://github.com/luxfi/safe-wallet.git
synced 2026-11-03 10:22:58 +00:00
Upstream merge brings 52 commits from safe-global/safe-wallet-monorepo into the luxfi/safe-wallet@dev fork. Conflicts resolved: - yarn.lock: deleted (we are on pnpm) - apps/web/package.json: kept pnpm version + brand build scripts (build:safe / build:lux / build:hanzo) plus upstream's new generate-version.mjs step - apps/mobile/.../Signer/appKit.ts: took upstream's import pattern for shared/projectId, shared/metadata, shared/mmkvStorageAdapter Yarn sweep applied to 42 files (docs, github-actions, workflows, AGENTS, specs, codemods, scripts, READMEs). Net result: zero yarn-* command references anywhere outside node_modules. ❯ pnpm is the law in this fork. No yarn.
3.3 KiB
3.3 KiB
name, description, disable-model-invocation, allowed-tools
| name | description | disable-model-invocation | allowed-tools | ||||
|---|---|---|---|---|---|---|---|
| design.sync-variables | Sync CSS variables from Figma plugin export to globals.css. Use when updating design tokens/colors from Figma. | true |
|
Sync Variables from Figma
Sync CSS variables from Figma plugin variables2css export to globals.css.
Rules
- Only update existing variables - Never add new variables
- Keep code order - Only change values, not structure
- Direct mappings only - Only update if Figma has a matching variable
- Use Figma plugin export - Do NOT use Figma MCP for variables (incomplete data)
Source Files
- Source of truth: Figma plugin export (user provides)
- Target:
apps/web/src/styles/globals.css
Process
- Ask user for Figma CSS Variables plugin export
- Compare Figma values vs
globals.cssexisting variables - Update only values that differ (use direct hex values)
- Verify:
pnpm --filter @safe-global/web type-check
Variable Mapping
| Figma Export | CSS Variable |
|---|---|
--general-background |
--background |
--general-foreground |
--foreground |
--general-primary |
--primary |
--general-primary-foreground |
--primary-foreground |
--general-secondary |
--secondary |
--general-secondary-foreground |
--secondary-foreground |
--general-muted |
--muted |
--general-muted-foreground |
--muted-foreground |
--general-accent |
--accent |
--general-accent-foreground |
--accent-foreground |
--general-destructive |
--destructive |
--general-border |
--border |
--general-input |
--input |
--card-card |
--card |
--card-card-foreground |
--card-foreground |
--popover-popover |
--popover |
--popover-popover-foreground |
--popover-foreground |
--focus-ring |
--ring |
--sidebar-sidebar |
--sidebar |
--sidebar-sidebar-foreground |
--sidebar-foreground |
--sidebar-sidebar-primary |
--sidebar-primary |
--sidebar-sidebar-primary-foreground |
--sidebar-primary-foreground |
--sidebar-sidebar-accent |
--sidebar-accent |
--sidebar-sidebar-accent-foreground |
--sidebar-accent-foreground |
--sidebar-sidebar-border |
--sidebar-border |
--sidebar-sidebar-ring |
--sidebar-ring |
Example
User provides export:
--general-background: #ffffff;
--general-primary: #12ff80;
Update in globals.css:
--background: #ffffff;
--primary: #12ff80;