-
Notifications
You must be signed in to change notification settings - Fork 202
Open
Labels
Description
Summary
Round all UI edges into softer border radii across both codebases for a friendlier feel.
tk ticket: sa-zecq
Research Findings
Two centralized touch points cover 90%+ of the UI:
shapeshift/src/theme/theme.tsx— Addradiioverride to Chakra'sextendTheme(). Currently does NOT override defaults. ~527borderRadiususages across ~293 files reference Chakra tokens — bumping token values cascades everywhere.shapeshift-agentic/apps/agentic-chat/src/styles.css— Change--radius: 0.5remto larger value. Tailwind derives all radius sizes from this single variable.
16 component theme files (Card, Button, Input, Modal, Menu, etc.) set borderRadius using Chakra tokens — they auto-cascade. ~10 hardcoded pixel values need manual conversion.
Acceptance Criteria
- Chakra radii tokens bumped in src/theme/theme.tsx
- --radius CSS variable increased in agentic-chat styles.css
- Hardcoded px values audited and converted to tokens
- Visual QA pass confirms no layout breakage
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
Type
Projects
Status
Backlog