From 4d0c30e12c9d6594482c3bfce8be9947d522156f Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Wed, 15 Jul 2026 22:01:28 +0200
Subject: [PATCH] style(breadboard): whiter body tone, closer to the familiar
 breadboard look

---
 frontend/src/velxio-elements/breadboard-element.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/velxio-elements/breadboard-element.ts b/frontend/src/velxio-elements/breadboard-element.ts
index 881adb02..e251e50d 100644
--- a/frontend/src/velxio-elements/breadboard-element.ts
+++ b/frontend/src/velxio-elements/breadboard-element.ts
@@ -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));