Skip to content

Introduce UNICEF blue as primary brand color#18

Merged
amoghbanta merged 1 commit intomainfrom
increment-5-pipeline-ux
Feb 11, 2026
Merged

Introduce UNICEF blue as primary brand color#18
amoghbanta merged 1 commit intomainfrom
increment-5-pipeline-ux

Conversation

@amoghbanta
Copy link
Collaborator

Summary

  • Replace achromatic --primary CSS variable with UNICEF blue (#1CABE2 / oklch(0.62 0.14 230)) in both light and dark themes, cascading the brand color to all buttons, badges, focus rings, and active states app-wide
  • Replace hard-coded blue-* Tailwind classes with semantic primary tokens in StepIndicator, storyboard rebuild banner, page edit hint card, and LLM logs step tracker
  • Keep green for completion states: "Rendered" and "Done" badges now use bg-green-100 text-green-700 instead of the (now-blue) default badge variant
  • Add micro-UX polish: solid blue "Get Started" CTA, blue app title, book card hover lift animation, stronger section header backgrounds (bg-muted/50), primary-tinted empty state hover

Test plan

  • pnpm typecheck — clean
  • pnpm vitest run — all 289 tests pass
  • Visual check: blue buttons, stepper, sidebar selection, rebuild banner, hint card
  • White text on blue buttons is clearly readable (AA contrast)
  • Green badges still show for Rendered/Done states
  • Dark mode: lighter blue variant renders correctly

Replace achromatic --primary with UNICEF blue in the CSS theme, cascading
the new color to all buttons, badges, focus rings, and active states.
Fix hard-coded blue-* classes to use semantic primary tokens, keep green
for completion states (Rendered/Done badges), and add micro-UX polish
(solid Get Started CTA, card hover lift, stronger section headers).
@amoghbanta amoghbanta merged commit ac4f9e7 into main Feb 11, 2026
1 check 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