feat(Port): pass highlightColor from pinAttributes to pcb_port

[bimakw]

Summary

This PR enables the highlightColor feature for pinout diagrams by passing the color value from pinAttributes to pcb_port:

• Add _getPinoutHighlightColor() method: Reads highlightColor from pinAttributes configuration
• Include highlight_color in pcb_port: Pass the color value during both initial and update renders

Test Plan

• TypeScript type check passes
• Tested with circuit-to-svg to verify color rendering

Related

• Part of Pinout Diagram Improvements tscircuit#895 (Pinout Diagram Improvements)
• Companion PR: feat(pinout): add highlight_color support and remove component gray boxes circuit-to-svg#503
• Supersedes feat(Port): pass highlightColor from pinAttributes to pcb_port #1838 (closed due to inactivity)

Usage Example

<chip
  name="U1"
  footprint="soic8"
  pinLabels={{ pin1: "VCC", pin2: "GND" }}
  pinAttributes={{
    VCC: { includeInBoardPinout: true, highlightColor: "#ff0000" },
    GND: { includeInBoardPinout: true, highlightColor: "#00ff00" },
  }}
/>

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
tscircuit-core-benchmarks	Ready	Preview, Comment	Feb 4, 2026 7:27am