readyblockedneeds helpallepicskb

Create shared Omni Web UI design system module

t-621·WorkTask·
·
·
Created2 days ago·Updated2 days ago

Dependencies

Description

Edit

Current cohesion improvements are applied in-place across Task/News/Files, but CSS is still duplicated across modules (Clay in Task, inline Text CSS in News/Serve). Build a shared design system (tokens + component patterns + mobile/dark defaults) and adapt each app to consume it to prevent drift.

Timeline (4)

🔄[human]Open → InProgress2 days ago
🔄[human]InProgress → Done2 days ago
💬[human]2 days ago

Implemented shared design system in Omni/Web/Style.hs using Clay DSL.

Key changes:

  • Dark-first (#0a0a0a bg) terminal aesthetic with monospace typography
  • Cyan (#22d3ee) accent color throughout
  • All 244 hardcoded colors in Task/Web/Style.hs replaced with shared tokens
  • News/Files now use sharedShell with design system CSS + surface-specific overlays
  • Reading class for article content (sans-serif, 16px, 1.7 line-height)
  • iOS webapp meta tags and safe-area support
  • Sticky nav with backdrop blur
  • Rebranded Junior -> omni, all lowercase nav

Commit: 22d2f1cf