Skip to content

fix(color): adopt ui 0.5.0 semantic tokens, fold accents to Mind Green - #18

Merged
rep0x merged 1 commit into
mainfrom
fix/adopt-semantic-tokens-green
Jun 21, 2026
Merged

fix(color): adopt ui 0.5.0 semantic tokens, fold accents to Mind Green#18
rep0x merged 1 commit into
mainfrom
fix/adopt-semantic-tokens-green

Conversation

@rep0x

@rep0x rep0x commented Jun 21, 2026

Copy link
Copy Markdown
Member

What & why

@mind-studio/ui@0.5.0 added semantic state tokens (success / warning / error / info). This bumps the shell to ^0.5.0 and adopts them, completing the fleet color-alignment to Mind Green as the single brand accent (Option C).

Changes

Semantic states → tokens (no token existed before, so these were raw palette classes):

  • text-emerald-*text-success, bg-emerald-*/nbg-success/n (vault breach check, identity verdicts, wallet positive gains)
  • text-amber-*text-warning, banners → border-warning/50 bg-warning/10 text-warning (prototype notices, provider warnings, workspace rail)
  • text-red-*text-destructive (settings form error)
  • The tokens adapt per mode, so the bespoke dark: colour variants are dropped.

Per-app accents → Mind Green:

  • WidgetTile header tint and wallet balance accent already use var(--primary).
  • The opaque-origin widget iframe bodies can't read CSS vars, so their per-app hex (#f59e0b/#ec4899/#14b8a6/#f97316/#6366f1) → the Mind Green literal #16b88a, matching their now-green tiles.
  • Wallet's amber atmosphere bloom + doc comments follow.

Left as-is (categorical, not brand accents): the wallet positive-delta GREEN, etc.

Verification

  • tsc --noEmit clean against the installed 0.5.0 (new tokens present in its dist).
  • ✅ Biome (lint-staged) clean on changed files; pre-existing repo warnings untouched.

🤖 Generated with Claude Code

Bumps @mind-studio/ui to ^0.5.0 and consumes its new semantic state
tokens so the shell stops hand-picking raw palette colors:

- success/warning/error states: emerald-*/amber-*/red-* palette classes
  → text-success / bg-warning/10 / text-destructive (the tokens adapt
  per mode, so the bespoke `dark:` variants are dropped).
- Per-app identity accents fold to the single brand green: the
  WidgetTile header tint and wallet's balance accent already use
  var(--primary); the opaque-origin widget iframe bodies (which can't
  read CSS vars) move from per-app hex to the Mind Green literal
  #16b88a, matching their now-green tiles. Wallet's amber atmosphere
  bloom and doc comments follow.

Categorical colors that aren't brand accents are left as-is (the
wallet positive-delta GREEN, etc.). Typecheck + Biome clean.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@rep0x
rep0x merged commit 18f3fa8 into main Jun 21, 2026
3 checks passed
@rep0x
rep0x deleted the fix/adopt-semantic-tokens-green branch June 21, 2026 10:41
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