Home

boring / v2

publicBoring-Software-Inc/v2
Overview Code History Branches Pull requestsIssuesInsights Campfire Docs
main
HomeOverview Code PRsIssues

style(workflows): kind color profiles + group-card toolbox separation

3 months ago

05fcbf7
Authored
grim7/16/2026, 6:34:19 PM
One shared kind→hue system (node-kind-styles.ts) in the activity feed's
visual grammar — trigger=sky, rule=violet, gate=amber, action=rose; tint
chips (bg-hue-500/10 + strong text), solid dots, left accent borders.
Toolbox sections are now the events-style group cards: rounded-xl border
bg-card with a bg-surface-1 header band (kind dot + title) and divide-y
rows (kind dot, hover accent + surface-1); the sidebar shell dropped to
bg-surface-0/95 so the cards visibly sit ON it instead of blending in.
Canvas node cards + the drag overlay carry the same accent/chip profile.
Static Tailwind classes only (no runtime-built class names).

Parent9db7d7f

4 files changed
  • apps/web/src/components/workflows/editor/editor-sidebar.tsx+36−12
  • apps/web/src/components/workflows/editor/node-card.tsx+5−9
  • apps/web/src/components/workflows/editor/node-kind-styles.ts+57−0
  • apps/web/src/components/workflows/editor/workflow-editor.tsx+8−1