From efd248b44e965e1ce1edcdc0d2c10ea3bbb8e020 Mon Sep 17 00:00:00 2001
From: Daniel Martin <56157528+dmartinochoa@users.noreply.github.com>
Date: Tue, 19 May 2026 16:02:46 +0200
Subject: [PATCH] design: unify activity-bar icon to the shield motif
 (all-shields)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The marketplace icon (concept B from .claude/design_system) is a
navy shield with a teal check; the activity-bar icon was still the
old inverted-Y pipeline glyph. Two surfaces, two motifs — fine in
isolation but the visual identity didn't compound. The maintainer's
call: all-shields.

Replaces media/pipeline-check.svg with a monochrome shield
silhouette + check, using `currentColor` so VS Code's activity-bar
tinting (gray for inactive, foreground on hover, white on active)
still works. No brand colours here on purpose — a custom hex would
fight the activity-bar tint and look wrong on every theme.

Stroke-width 1.5 matches every other codicon at 24×24; uniform
visual weight, no two-thicknesses-fighting-each-other problem.

The two surfaces now share a single visual identity:
- Marketplace (icon.png) — solid navy fill, teal accent border,
  inner ribbon, teal check.
- Activity bar (pipeline-check.svg) — monochrome shield outline +
  check, themed via currentColor.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 media/pipeline-check.svg | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/media/pipeline-check.svg b/media/pipeline-check.svg
index 50efb07..da356ff 100644
--- a/media/pipeline-check.svg
+++ b/media/pipeline-check.svg
@@ -1,17 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
      fill="none" stroke="currentColor" stroke-width="1.5"
      stroke-linecap="round" stroke-linejoin="round">
-  <!-- Inverted-Y pipeline glyph. Top node and bottom-right node are
-       filled (active / problem); bottom-left is hollow (clean). The
-       asymmetric fill carries the brand idea: pipelines whose
-       posture is not uniform. Three nodes also map to the three
-       group-by modes (severity, file, rule). currentColor + no
-       fill on the outline lets VS Code tint the icon for active /
-       inactive / hover states in the activity bar. -->
-  <circle cx="12" cy="4.25" r="1.9" fill="currentColor" stroke="none"/>
-  <path d="M12 6.5 V11.25"/>
-  <path d="M12 11.25 L7 16.5"/>
-  <path d="M12 11.25 L17 16.5"/>
-  <circle cx="7" cy="18.25" r="1.9"/>
-  <circle cx="17" cy="18.25" r="1.9" fill="currentColor" stroke="none"/>
+  <!-- Shield outline + check, monochrome — the activity-bar mirrors
+       the marketplace icon's shield motif. `currentColor` lets VS
+       Code tint the glyph: gray for inactive, white for active,
+       theme-foreground on hover. No brand colours here on purpose;
+       a custom hex would fight the activity-bar tint and look
+       wrong on every theme. -->
+  <!-- Shield silhouette. Top-centre cusp → top-right shoulder → right
+       side straight down → quadratic bezier sweep to the bottom apex →
+       symmetric sweep back up the left side → top-left shoulder. -->
+  <path d="M 12 2.5 L 20 5 L 20 11.5 Q 20 17 12 21 Q 4 17 4 11.5 L 4 5 Z"/>
+  <!-- Check mark inside the shield. Positioned to read at 24×24
+       without colliding with the shield outline. Same stroke-width
+       as the outline so the icon has uniform visual weight — same
+       convention every VS Code codicon follows. -->
+  <path d="M 8 12 L 11 15 L 16 9"/>
 </svg>