Render soldermask colors consistently across PCB surfaces and edges

[AnasSarkiz]

Summary

• refine the documented soldermask presets with calibrated surface colors, per-color opacity, and mask-over-copper compositing while preserving the existing green/default material appearance
• preserve valid Three-supported CSS custom colors and safely retain legacy rendering for unsupported tokens without color-parser warnings
• apply the selected color to both board faces and board edges across the Manifold and JSCAD renderers, including panels, while retaining the existing FR4 physical material
• keep SVG board selection aligned with the rendered panel board
• add focused palette, relief, edge, panel, and SVG regressions plus Storybook examples that reuse the existing complex-board fixture; no new Circuit JSON asset is added

Circuit JSON behavior

Circuit JSON exposes one optional solder_mask_color string per pcb_board, so the viewer applies it to both board faces. Missing, green, and not_specified values retain the existing material-specific green rendering. Documented presets use calibrated rendering, valid custom CSS colors are supported, and unsupported namespaced strings fall back to the legacy material color.

Validation

Story Link https://3d-viewer-git-fork-anassarkiz-anassarkiz-solde-29e761-tscircuit.vercel.app/?path=/story/soldermask-colors-examples--green

Visaual

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
3d-viewer	Ready	Preview	Aug 23, 2026 1:13pm

[tscircuitbot]

---

Thank you for your contribution! 🎉

PR Rating: ⭐⭐
Impact: Minor

Track your contributions and see the leaderboard at: tscircuit Contribution Tracker

---