Files
zeekay 7200114387 Merge upstream/dev (52 commits) + sweep yarn → pnpm
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.
2026-05-27 03:25:16 -07:00

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
Read
Edit
Bash
Grep

Sync Variables from Figma

Sync CSS variables from Figma plugin variables2css export to globals.css.

Rules

  1. Only update existing variables - Never add new variables
  2. Keep code order - Only change values, not structure
  3. Direct mappings only - Only update if Figma has a matching variable
  4. 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

  1. Ask user for Figma CSS Variables plugin export
  2. Compare Figma values vs globals.css existing variables
  3. Update only values that differ (use direct hex values)
  4. 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;