a2nr
/
velxio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(breadboard): whiter body tone, closer to the familiar breadboard look

This commit is contained in:
David Montero Crespo 2026-07-15 22:01:28 +02:00
parent 6307aed007
commit 4d0c30e12c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/velxio-elements/breadboard-element.ts
View File

@ -80,14 +80,14 @@ function buildSvg(): string {
parts.push(
`<svg width="${WIDTH}" height="${HEIGHT}" viewBox="0 0 ${WIDTH} ${HEIGHT}" xmlns="http://www.w3.org/2000/svg">`,
// body
`<rect x="0" y="0" width="${WIDTH}" height="${HEIGHT}" rx="6" fill="#f4f1ec" stroke="#d4d0c8"/>`,
`<rect x="0" y="0" width="${WIDTH}" height="${HEIGHT}" rx="6" fill="#fbfaf7" stroke="#d8d4cc"/>`,
// rail separator lines: red above +, blue below -
`<line x1="8" y1="9.6" x2="${WIDTH - 8}" y2="9.6" stroke="#e05050" stroke-width="1.6"/>`,
`<line x1="8" y1="33.6" x2="${WIDTH - 8}" y2="33.6" stroke="#5070e0" stroke-width="1.6"/>`,
`<line x1="8" y1="182.4" x2="${WIDTH - 8}" y2="182.4" stroke="#e05050" stroke-width="1.6"/>`,
`<line x1="8" y1="206.4" x2="${WIDTH - 8}" y2="206.4" stroke="#5070e0" stroke-width="1.6"/>`,
// center channel
`<rect x="4" y="${101.5}" width="${WIDTH - 8}" height="13" rx="2" fill="#e6e2da"/>`,
`<rect x="4" y="${101.5}" width="${WIDTH - 8}" height="13" rx="2" fill="#efece6"/>`,
);
// holes
for (const p of PINS) parts.push(holeRect(p.x, p.y));