zenchantlive
|
fb4fdb79b2
|
feat(design): complete bb-ui2.1 - Earthy-Dark Token System
STORY:
The Unified UX epic requires a cohesive visual language that feels
warm and approachable, not sterile. We designed an "earthy-dark"
palette with natural accent colors.
COLLABORATION:
Added earthy-dark CSS variables to globals.css alongside existing
Aero Chrome tokens:
Backgrounds:
- --color-bg-base: #2D2D2D
- --color-bg-card: #363636
- --color-bg-input: #404040
Accents:
- --color-accent-green: #7CB97A (primary CTA)
- --color-accent-amber: #D4A574 (warning)
- --color-accent-teal: #5BA8A0 (secondary)
Status (earthy variants):
- ready: teal, in_progress: green, blocked: amber, closed: muted
Liveness colors for agent health:
- active: #7CB97A, stale: #D4A574, stuck: #E57373, dead: #9E4244
Also fixed tailwind.config.ts to use ESM import for tailwindcss-animate
instead of require().
DELIVERABLES:
- Earthy-dark tokens in globals.css
- Tailwind config with shadcn CSS variable integration
- Fixed lint error with tailwindcss-animate import
VERIFICATION:
- npm run typecheck: PASS
- npm run lint: PASS
CLOSES: bb-ui2.1
BLOCKS: bb-ui2.5
|
2026-02-15 21:16:48 -08:00 |
|