gp-dimm-city 1.7.3 → 1.7.4

package/CHANGELOG.md

@@ -7,6 +7,25 @@ cut a version that has no `## [X.Y.Z]` heading below.
 
 ## [Unreleased]
 
+## [1.7.4] - 2026-10-15
+
+### Changed
+
+- **Proxy and Wirephreak swap colours.** Proxy now takes the magenta (the more
+  purple of the two: `--brand-magenta` accent, `#9a1896` mid, `#8a1a90` dark,
+  a deep-magenta title band with a cream tier chip) and Wirephreak the electric
+  indigo (`--signal-indigo` accent, `#2f2290` mid, `#1e0f50` dark, an indigo
+  band and chip). Each keeps its own shapes and band register (Proxy's facet
+  plane, Wirephreak's ticked LED rule). The Surreal definition block keeps its
+  indigo-black surface, now read from `--wirephreak-dark`.
+- **The design guide and tests run on Gutterpress 0.11.20-alpha.3** (a
+  development dependency only: the published package does not depend on
+  Gutterpress). Its preview repeats a table header only where print does
+  (dimm-city/gutterpress#398). The tests drop core's new `data-name` block
+  stamp before comparing markup, as they already drop its source stamps, and
+  read a column's alignment from `data-align`, which core now writes in place
+  of markdown-it's inline `text-align`.
+
 ## [1.7.3] - 2026-10-15
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gp-dimm-city",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "description": "Dimm City design system for Gutterpress: the markdown-it macros (@skill, @specialty, @learning-path, @callout, …), print stylesheets, design tokens, fonts and page templates the Dimm City TTRPG books are set in.",
   "type": "module",
   "main": "plugin.js",
@@ -70,7 +70,7 @@
     "pack:check": "npm pack --dry-run"
   },
   "devDependencies": {
-    "gutterpress": "0.11.17",
+    "gutterpress": "0.11.20-alpha.3",
     "markdown-it": "^14.1.0"
   },
   "peerDependencies": {

package/styles/components/data.css

@@ -691,7 +691,7 @@
    violet bands on opposite inner edges), the headword leaning. Body copy stays
    upright and unrotated; only the label leans. */
 .dc-definition-surreal {
-  --dc-definition-block-surface: var(--proxy-dark);  /* indigo-black */
+  --dc-definition-block-surface: var(--wirephreak-dark);  /* indigo-black */
   --dc-definition-block-accent: var(--brand-magenta);
   --dc-definition-block-accent-width: 0px;
   --dc-definition-block-rule-bottom: 0px;

package/styles/components/specialty-identity.css

@@ -38,7 +38,7 @@
      --spec-accent/-mid/-dark   the triad, aliasing its own --<name>-accent/-mid/-dark
      --spec-band / --spec-on-band   the title-band fill and the type on it: the
                                 bright signal colour, with whichever of ink or
-                                cream holds >= 4.5:1 on it (wirephreak uses the
+                                cream holds >= 4.5:1 on it (proxy uses the
                                 deep magenta: cream on the bright one is 3.6:1)
      --spec-chip-bg / -fg / -edge   the tier pill on the card tab. REQUIRED: the
                                 --spec-* tokens have no :root default, so a
@@ -237,25 +237,25 @@
   --dc-specialty-card-bg: var(--paper-aged);
 }
 
-/* ── Wirephreak — hacker, cyan, asymmetric cross-cuts ──────────────────── */
+/* ── Wirephreak — hacker, electric indigo, asymmetric cross-cuts ───────── */
 .dc-specialty.wirephreak {
   --spec-accent: var(--wirephreak-accent);
   --spec-mid: var(--wirephreak-mid);
   --spec-dark: var(--wirephreak-dark);
-  --spec-ink: var(--brand-magenta-deep);  /* text-safe ink: >= 4.5:1 on cream (skill card, path shell) and light (intro) paper; on aged paper only where this specialty's card uses it (technosorcerer, gutterdruid, etherlock). ROLL THE DIE! and the like */
-  /* TECH: deep-magenta band, cyan LED rule with ink ticks, inset LED rim. */
-  --spec-band: var(--brand-magenta-deep);
+  --spec-ink: var(--wirephreak-mid);  /* text-safe ink: >= 4.5:1 on cream (skill card, path shell) and light (intro) paper; on aged paper only where this specialty's card uses it (technosorcerer, gutterdruid, etherlock). ROLL THE DIE! and the like */
+  /* TECH: electric-indigo band, cyan LED rule with ink ticks, inset LED rim. */
+  --spec-band: var(--wirephreak-accent);
   --spec-on-band: var(--paper-cream);
-  --spec-chip-bg: var(--paper-cream);
-  --spec-chip-fg: var(--wirephreak-dark);
-  --spec-chip-edge: var(--wirephreak-dark);
+  --spec-chip-bg: var(--wirephreak-accent);
+  --spec-chip-fg: var(--paper-cream);
+  --spec-chip-edge: var(--paper-cream);
   --dc-band-rule: var(--brand-cyan);
   --dc-band-rule-h: 5px;
   --dc-band-tick: var(--ink);
   --dc-band-tick-style: dotted;
   --dc-band-tick-w: 3px;
-  --dc-band-rim: inset 0 2px 0 color-mix(in srgb, var(--paper-cream) 26%, var(--brand-magenta-deep));
-  --dc-band-reg: inset 0 -2px 0 var(--brand-magenta);  /* a second ink printed 2px off: a misregistered rule */
+  --dc-band-rim: inset 0 2px 0 color-mix(in srgb, var(--paper-cream) 22%, var(--wirephreak-accent));
+  --dc-band-reg: inset 0 -2px 0 var(--signal-indigo);  /* a second ink printed 2px off: a misregistered rule */
   /* TECH, circuit jogs: two big right-angle steps on the diagonal corners. */
   --spec-edge-top: 0 0, calc(100% - 26px) 0, calc(100% - 26px) 10px, calc(100% - 13px) 10px, calc(100% - 13px) 20px, 100% 20px;
   --spec-edge-rest: 100% calc(100% - 10px), calc(100% - 10px) 100%, 22px 100%, 22px calc(100% - 6px), 11px calc(100% - 6px), 11px calc(100% - 12px), 0 calc(100% - 12px);
@@ -301,24 +301,24 @@
   --dc-specialty-card-bg: var(--paper-light);
 }
 
-/* ── Proxy — faith wired in, electric indigo, top-centre gate notch ──── */
+/* ── Proxy — faith wired in, magenta, top-centre gate notch ──────────── */
 .dc-specialty.proxy {
   --spec-accent: var(--proxy-accent);
   --spec-mid: var(--proxy-mid);
   --spec-dark: var(--proxy-dark);
-  --spec-ink: var(--proxy-mid);  /* text-safe ink: >= 4.5:1 on cream (skill card, path shell) and light (intro) paper; on aged paper only where this specialty's card uses it (technosorcerer, gutterdruid, etherlock). ROLL THE DIE! and the like */
-  /* TECH + MAGIC: electric-indigo band (its own hue; violet is the world's) with a faceted plane and a cyan LED rule. */
-  --spec-band: var(--proxy-accent);
+  --spec-ink: var(--brand-magenta-deep);  /* text-safe ink: >= 4.5:1 on cream (skill card, path shell) and light (intro) paper; on aged paper only where this specialty's card uses it (technosorcerer, gutterdruid, etherlock). ROLL THE DIE! and the like */
+  /* TECH + MAGIC: deep-magenta band (cream on the bright magenta is 3.6:1) with a faceted plane and a cyan LED rule. */
+  --spec-band: var(--brand-magenta-deep);
   --spec-on-band: var(--paper-cream);
-  --spec-chip-bg: var(--proxy-accent);
-  --spec-chip-fg: var(--paper-cream);
-  --spec-chip-edge: var(--paper-cream);
+  --spec-chip-bg: var(--paper-cream);
+  --spec-chip-fg: var(--proxy-dark);
+  --spec-chip-edge: var(--proxy-dark);
   --dc-band-rule: var(--brand-cyan);
   --dc-band-rule-h: 4px;
-  --dc-band-facet: color-mix(in srgb, var(--ink) 30%, var(--proxy-accent));
+  --dc-band-facet: color-mix(in srgb, var(--ink) 30%, var(--brand-magenta-deep));
   --dc-band-facet-width: 30%;
-  --dc-band-rim: inset 0 2px 0 color-mix(in srgb, var(--paper-cream) 22%, var(--proxy-accent));
-  --dc-band-reg: inset 0 -2px 0 var(--signal-indigo);  /* a second ink printed 2px off: a misregistered rule */
+  --dc-band-rim: inset 0 2px 0 color-mix(in srgb, var(--paper-cream) 26%, var(--brand-magenta-deep));
+  --dc-band-reg: inset 0 -2px 0 var(--brand-magenta);  /* a second ink printed 2px off: a misregistered rule */
   /* TECH + MAGIC: a shallow centre gate on top (the rune), a stair at one corner and a facet at the other. */
   --spec-edge-top: 0 0, calc(50% - 22px) 0, 50% 7px, calc(50% + 22px) 0, calc(100% - 14px) 0, 100% 14px;
   --spec-edge-rest: 100% calc(100% - 12px), calc(100% - 10px) calc(100% - 12px), calc(100% - 10px) calc(100% - 6px), calc(100% - 20px) calc(100% - 6px), calc(100% - 20px) 100%, 12px 100%, 0 calc(100% - 12px);

package/styles/dc-identity.css

@@ -8,17 +8,17 @@
      ──────────────────────────────────────────────────────────────────────── */
 
   /* ── Specialty Accent Colors ──────────────────────────────────────────── */
-  /* 4 brand-anchored (augmerc=cyan, wirephreak=magenta, proxy=indigo, etherlock=yellow),
+  /* 4 brand-anchored (augmerc=cyan, proxy=magenta, wirephreak=indigo, etherlock=yellow),
      2 crystal (dualist=aqua, generalist=slate), 1 fungi (gutterdruid=bioluminescent rot),
      3 bespoke creaturepunk hues (technosorcerer=burnt orange, streetwarden=toxic-civic hazard green,
      cybersurgeon=chrome). Streetwarden's #4db840 is high-vis civic hazard, distinct from the
      quieter lichen tone; gutterdruid is the alive-and-glowing spore. */
   --augmerc-accent:        var(--brand-cyan);      /* cyber-augmentation = brand neon-cyan */
-  --proxy-accent:          var(--signal-indigo);   /* ritual + tech = electric indigo, its own hue (violet is the world's) */
+  --proxy-accent:          var(--brand-magenta);   /* ritual + tech = brand-signature magenta, the more purple of the two (swapped with wirephreak) */
   --streetwarden-accent:   #4db840;                /* toxic civic green — hazard, not park bench · TAC 171% (C70 M0 Y100 K0) */
   --gutterdruid-accent:    var(--fungi-glow);      /* bioluminescent spore — alley fungus at full flare */
   --cybersurgeon-accent:   #a8b4b8;                /* cool blue-gray chrome · TAC 79% (C34 M22 Y23 K0) */
-  --wirephreak-accent:     var(--brand-magenta);  /* signal interference = brand-signature magenta */
+  --wirephreak-accent:     var(--signal-indigo);  /* signal interference = electric indigo, its own hue (violet is the world's) */
   --technosorcerer-accent: var(--orange);          /* burnt-circuit orange */
   --etherlock-accent:      var(--brand-yellow);    /* spirit channeling = brand radiant gold */
   --dualist-accent:        var(--crystal-aqua);     /* refractive mineral split — two-path walker */
@@ -28,13 +28,13 @@
      Measured TAC (see the Ink & Text note in dc-palette.css), all <= 268%. Six
      were lifted off black to get there; each was over 270% in the build's
      CGATS21_CRPC1 conversion: technosorcerer #3d1a00 (278%), streetwarden #1a3d10
-     (280%), gutterdruid #2a3408 (276%), proxy #150c4a (275%),
+     (280%), gutterdruid #2a3408 (276%), wirephreak (then proxy) #150c4a (275%),
      etherlock #3d3000 (272%), generalist #1c252d (272%). The hue and the
      light-type contrast (cream on any of them is >= 8:1) are unchanged. */
   --augmerc-dark:          #003a40;  /* deep teal-black — cold chrome under the skin · TAC 260% (C92 M59 Y58 K50) */
-  --proxy-dark:            #1e0f50;  /* deep indigo-black · TAC 268% (C99 M100 Y30 K39) */
+  --proxy-dark:            #8a1a90;  /* deep magenta-violet · TAC 156% (C55 M100 Y1 K0) */
   --cybersurgeon-dark:     #303840;  /* cold clinical near-black · TAC 246% (C76 M65 Y55 K50) */
-  --wirephreak-dark:       #8a1a90;  /* deep magenta-violet · TAC 156% (C55 M100 Y1 K0) */
+  --wirephreak-dark:       #1e0f50;  /* deep indigo-black · TAC 268% (C99 M100 Y30 K39) */
   --streetwarden-dark:     #294c1f;  /* rot-soaked forest dark · TAC 268% (C77 M44 Y100 K46) */
   --technosorcerer-dark:   #4c290f;  /* near-black scorch · TAC 268% (C44 M73 Y89 K62) */
   --gutterdruid-dark:      #394017;  /* swamp-rot dark — greenish, not brown · TAC 268% (C65 M52 Y97 K54) */
@@ -47,11 +47,11 @@
      dark, slightly shifted toward the dark hue. Used wherever a specialty
      needs a chrome/structural tone that isn't accent-glare or dark-mass. */
   --augmerc-mid:           #006878;  /* drowned signal teal · TAC 193% (C89 M46 Y43 K15) */
-  --proxy-mid:             #2f2290;  /* ritual indigo midpoint · TAC 202% (C97 M100 Y4 K1) */
+  --proxy-mid:             #9a1896;  /* between brand-magenta and proxy-dark · TAC 146% (C46 M100 Y0 K0) */
   --cybersurgeon-mid:      #606870;  /* cool steel mid · TAC 176% (C64 M52 Y45 K16) */
   --streetwarden-mid:      #347828;  /* civic green mid, not chartreuse · TAC 227% (C80 M30 Y100 K17) */
   --gutterdruid-mid:       #4d6020;  /* olive-swamp lichen · TAC 240% (C66 M42 Y100 K32) */
-  --wirephreak-mid:        #9a1896;  /* between brand-magenta and wirephreak-dark · TAC 146% (C46 M100 Y0 K0) */
+  --wirephreak-mid:        #2f2290;  /* signal indigo midpoint · TAC 202% (C97 M100 Y4 K1) */
   --technosorcerer-mid:    #7a3008;  /* burnt umber, between scorch-orange and dark · TAC 253% (C31 M84 Y100 K38) */
   --etherlock-mid:         #8a6a00;  /* tarnished antique gold · TAC 211% (C40 M51 Y100 K20) */
   --dualist-mid:           #2a6878;  /* drowned mineral aqua — between crystal-aqua and sapphire-trench · TAC 188% (C84 M48 Y42 K15) */

package/styles/dc-palette.css

@@ -57,7 +57,7 @@
   --brand-cyan:    #00bcd4;  /* dimm.city neon-cyan, paper-contrast-tuned from web #00ffff · TAC 87% (C70 M1 Y16 K0) */
   --brand-yellow:  #ffd700;  /* dimm.city brand-yellow — survives press unchanged · TAC 114% (C1 M13 Y100 K0) */
   --brand-violet:  #7030b8;  /* dimm.city cyber-violet, SWOP-corrected from web #a020f0 — "the world" (lore, vibe, cabal, treasure); no specialty uses it · TAC 156% (C69 M87 Y0 K0) */
-  --signal-indigo: #4430e0;  /* electric indigo, a blue-violet clear of --brand-violet: the proxy's own hue. cream on it 6.5:1 · TAC 159% (C81 M78 Y0 K0) */
+  --signal-indigo: #4430e0;  /* electric indigo, a blue-violet clear of --brand-violet: the wirephreak's own hue. cream on it 6.5:1 · TAC 159% (C81 M78 Y0 K0) */
 
   /* ── HUD Colors — digital neon chrome ────────────────────────────────── */
   --hud-blue:        #1f6f94;  /* teal-cyan mid HUD · TAC 167% (C87 M50 Y26 K4) */