fix(web): style guide batch 3 — icons, font scale, spacing #85

forbes · 2026-02-13T20:38:11Z

forbes commented

2026-02-13 20:38:11 +00:00

Resolves #67, #70, #71. Closes #74 (already compliant).

Changes

#67 — Lucide icons

Install lucide-react and replace all unicode/text icons (×, ✓, ▲/▼, ⬌/⬍, ▶, +, ↓, →) with SVG Lucide components
14px inline size per style guide

#70 — Font scale tokens

Add --font-title, --font-body, --font-table, --font-sm, --font-xs CSS custom properties to theme.css
Replace all hardcoded font sizes across ~25 files with scale tokens
Update density vars to reference font tokens

#71 — Spacing alignment

Align padding/margin/gap values to style guide component specs
Fix borderRadius: 0.3rem → 0.375rem (6px per spec)
Replace off-grid values (0.1rem, 0.2rem, 0.3rem, 0.6rem) with nearest spec values

#74 — Already compliant

Closed with no code changes (single primary button rule already followed)

Resolves #67, #70, #71. Closes #74 (already compliant). ## Changes ### #67 — Lucide icons - Install `lucide-react` and replace all unicode/text icons (×, ✓, ▲/▼, ⬌/⬍, ▶, +, ↓, →) with SVG Lucide components - 14px inline size per style guide ### #70 — Font scale tokens - Add `--font-title`, `--font-body`, `--font-table`, `--font-sm`, `--font-xs` CSS custom properties to theme.css - Replace all hardcoded font sizes across ~25 files with scale tokens - Update density vars to reference font tokens ### #71 — Spacing alignment - Align padding/margin/gap values to style guide component specs - Fix `borderRadius: 0.3rem` → `0.375rem` (6px per spec) - Replace off-grid values (0.1rem, 0.2rem, 0.3rem, 0.6rem) with nearest spec values ### #74 — Already compliant - Closed with no code changes (single primary button rule already followed)

forbes added 3 commits 2026-02-13 20:38:11 +00:00

feat(web): install lucide-react and replace unicode icons (#67 ) b53ce94274

fix(web): standardize font sizes to style guide scale (#70 ) 679b730e74

fix(web): align spacing values to style guide grid (#71 ) 07c4aa1c28

- Replace 0.3rem padding/margin/gap with 0.25rem (xs)
- Replace 0.2rem margins with 0.25rem (xs)
- Replace 0.1rem padding with 0.15rem (badge spec)
- Replace 0.6rem margins/padding with 0.5rem (sm)
- Fix borderRadius 0.3rem to 0.375rem (6px per style guide)
- Preserve style-guide-specified values: 0.35rem button gap, 0.4rem cell padding, 0.45rem input padding

forbes merged commit bc1149d4ba into main

2026-02-13 21:00:01 +00:00

forbes referenced this issue from a commit

2026-02-13 21:00:01 +00:00

Merge pull request 'fix(web): style guide batch 3 — icons, font scale, spacing' (#85) from fix-style-guide-batch-3 into main

forbes deleted branch fix-style-guide-batch-3

2026-02-13 21:00:02 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: kindred/silo#85