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.

1 files changed, 3 insertions, 3 deletions

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' },
   },
 };