Skip to content

fix: swap legacy indigo to ink tokens on header logo + Save Snapshot - #30

Merged
tdody merged 1 commit into
mainfrom
fix/legacy-indigo-logo-and-snapshot-button
Apr 20, 2026
Merged

fix: swap legacy indigo to ink tokens on header logo + Save Snapshot#30
tdody merged 1 commit into
mainfrom
fix/legacy-indigo-logo-and-snapshot-button

Conversation

@tdody

@tdody tdody commented Apr 20, 2026

Copy link
Copy Markdown
Owner

Summary

Three residual sites from the original color-audit (recorded in commit 27dbe7d) were still using the pre-modernization indigo-600 palette. This PR brings them into the new ink/accent system.

  • App.tsx header logo tile — bright from-indigo-600 to-purple-600 gradient → solid bg-ink. Removes the last purple/indigo moment in the chrome.
  • Save Snapshot trigger button (scenario action row, Financing tab) — bg-indigo-600 text-white rounded-lg text-sm font-mediumcaps px-4 py-2 border border-rule-strong rounded hover:bg-paper. Now matches its siblings Duplicate and History (both secondary outlined caps buttons).
  • Save Snapshot in-dialog confirm buttonbg-indigo-600caps px-5 py-2 bg-ink text-canvas rounded hover:opacity-90. Matches the Save changes primary button used elsewhere.
  • Camera emoji 📸 removed from the trigger label since none of the adjacent buttons in the action row use icons.

Independent of #29 (already merged); no dependency on any other branch.

Test plan

  • npm run lint clean
  • npm run build clean (463.86 kB JS, 48.03 kB CSS)
  • npm test — 28/28 pass
  • Visual spot-check — user confirmed UI
    • Header logo tile reads solid ink in both light and dark mode
    • Save Snapshot trigger visually matches Duplicate / History in the Financing action row
    • Save Snapshot dialog's confirm button matches the Save changes primary

🤖 Generated with Claude Code

Three sites from the early color-audit were still on the pre-modernization
indigo palette. Realign them with the new ink/accent tokens:

- App.tsx header logo tile: bg-gradient-to-br from-indigo-600 to-purple-600
  → bg-ink (solid, matches the editorial tone)
- SnapshotButton trigger: px-3 py-1.5 bg-indigo-600 text-white rounded-lg
  text-sm font-medium → caps px-4 py-2 border border-rule-strong rounded
  hover:bg-paper (matches sibling Duplicate / History secondary buttons
  in the scenario action row)
- SnapshotButton in-dialog confirm: bg-indigo-600 → caps px-5 py-2 bg-ink
  text-canvas rounded hover:opacity-90 (matches Save changes primary)

Also drops the camera emoji from the trigger label so the action row
reads consistently — none of the adjacent buttons use icons.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@tdody
tdody merged commit 3271f29 into main Apr 20, 2026
2 checks passed
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