fix(web): table header color and selected row styling #69

Closed
opened 2026-02-13 19:00:42 +00:00 by forbes · 0 comments
Owner

Ref: docs/STYLE.md § Components / Tables

Table header text color — spec says --ctp-overlay1, code uses --ctp-subtext1:

  • web/src/components/items/ItemTable.tsx (thStyle)
  • web/src/components/items/BOMTab.tsx (thStyle, line ~270)
  • web/src/pages/ProjectsPage.tsx (thStyle, line ~329)
  • web/src/pages/SchemasPage.tsx (thStyle, line ~527)
  • web/src/components/audit/AuditTable.tsx (thStyle)

Selected row background — spec says rgba(203, 166, 247, 0.08) (mauve at 8%), code uses var(--ctp-surface1):

  • web/src/components/items/ItemTable.tsx (selectedPN row)
  • web/src/components/audit/AuditTable.tsx (selected row)

Fix: Change all thStyle color to var(--ctp-overlay1) and selected row background to rgba(203, 166, 247, 0.08).

**Ref:** `docs/STYLE.md` § Components / Tables **Table header text color** — spec says `--ctp-overlay1`, code uses `--ctp-subtext1`: - `web/src/components/items/ItemTable.tsx` (thStyle) - `web/src/components/items/BOMTab.tsx` (thStyle, line ~270) - `web/src/pages/ProjectsPage.tsx` (thStyle, line ~329) - `web/src/pages/SchemasPage.tsx` (thStyle, line ~527) - `web/src/components/audit/AuditTable.tsx` (thStyle) **Selected row background** — spec says `rgba(203, 166, 247, 0.08)` (mauve at 8%), code uses `var(--ctp-surface1)`: - `web/src/components/items/ItemTable.tsx` (selectedPN row) - `web/src/components/audit/AuditTable.tsx` (selected row) **Fix:** Change all `thStyle` color to `var(--ctp-overlay1)` and selected row background to `rgba(203, 166, 247, 0.08)`.
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: kindred/silo#69