From ca006d8b3d1c0f9a2cd05f4d14e04981f36451c2 Mon Sep 17 00:00:00 2001
From: Craig Jennings <c@cjennings.net>
Date: Sun, 12 Jul 2026 23:57:19 -0500
Subject: fix(gallery): drop the chrome-on-chrome index line and the cream cap
 color

Bare metal needs no painted stripe, so the chrome cap shape in the chrome finish renders lineless. Other shapes keep their index line in every finish.

The cream finish is gone from the color axis along with its now-unused gradient. The stripe set stands at black, red, green, blue, amber, plus the chrome body.
---
 docs/prototypes/widgets.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'docs/prototypes/widgets.js')

diff --git a/docs/prototypes/widgets.js b/docs/prototypes/widgets.js
index 53217ec..2b86d7d 100644
--- a/docs/prototypes/widgets.js
+++ b/docs/prototypes/widgets.js
@@ -708,7 +708,6 @@ GW.filterBank = function (host, opts = {}) {
   gradDef('fbPlateStudio', 'linearGradient', { x1: 0, y1: 0, x2: 0, y2: 1 }, [['0', '#221f1c'], ['1', '#131110']]);
   gradDef('sfChrome', 'linearGradient', { x1: 0, y1: 0, x2: 0, y2: 1 }, [['0', '#f0efec'], ['.45', '#c4c1b9'], ['1', '#75726a']]);
   gradDef('fbCapBlack', 'linearGradient', { x1: 0, y1: 0, x2: 0, y2: 1 }, [['0', '#2a2724'], ['1', '#171412']]);
-  gradDef('fbCapCream', 'linearGradient', { x1: 0, y1: 0, x2: 0, y2: 1 }, [['0', '#f2ecd8'], ['1', '#cfc8ae']]);
   const s = stageSvg(host, 'rsvg', 250, 112);
   const y0 = 20, y1 = 92, x0 = 36, dx = (214 - x0) / (freqs.length - 1);
   const yOf = db => y0 + db / 60 * (y1 - y0);
@@ -718,7 +717,9 @@ GW.filterBank = function (host, opts = {}) {
     const c = ST.capColor[cur.capColor];
     if (kind === 'chrome') {
       svgEl(g, 'rect', { x: x - 6, y: -3.25, width: 12, height: 6.5, rx: .9, fill: c.body, stroke: c.edge, 'stroke-width': .6 });
-      svgEl(g, 'line', { x1: x - 6, y1: 0, x2: x + 6, y2: 0, stroke: c.index, 'stroke-width': 1 });
+      /* bare metal needs no painted stripe — chrome-on-chrome stays lineless */
+      if (cur.capColor !== 'chrome')
+        svgEl(g, 'line', { x1: x - 6, y1: 0, x2: x + 6, y2: 0, stroke: c.index, 'stroke-width': 1 });
       svgEl(g, 'line', { x1: x - 6, y1: 2, x2: x + 6, y2: 2, stroke: c.rib, 'stroke-width': .5 });
     } else if (kind === 'ribbed') {
       svgEl(g, 'rect', { x: x - 5, y: -4, width: 10, height: 8, rx: 1, fill: c.body, stroke: c.edge, 'stroke-width': .6 });
@@ -798,7 +799,6 @@ GW.filterBank.STYLES = {
     blue: { dot: '#4f9fe0', body: 'url(#fbCapBlack)', rib: 'rgba(255,255,255,.16)', index: '#4f9fe0', edge: '#000' },
     amber: { dot: 'var(--gold-hi)', body: 'url(#fbCapBlack)', rib: 'rgba(255,255,255,.16)', index: 'var(--gold-hi)', edge: '#000' },
     chrome: { dot: '#dfe6f2', body: 'url(#sfChrome)', rib: 'rgba(0,0,0,.28)', index: '#14110e', edge: '#3c3a34' },
-    cream: { dot: '#efe9d4', body: 'url(#fbCapCream)', rib: 'rgba(0,0,0,.18)', index: '#3a3128', edge: '#8a8474' },
   },
 };
 
-- 
cgit v1.2.3