@eifi1/ui-kit 0.33.1 → 0.35.0

package/src/theme/palette-derive.ts

@@ -187,8 +187,21 @@ const BORDER_CONTRAST = 1.5;
 /** The most tint a surface can carry before it stops reading as a neutral ground. */
 const MAX_SURFACE_CHROMA = 0.034;
 
-function surfaceSet(hue: number, mode: ThemeMode, tint: number) {
-  const c = MAX_SURFACE_CHROMA * Math.max(0, Math.min(1, tint));
+/**
+ * The brand chroma from which the surfaces and the greys carry the brand's hue in full;
+ * below it they carry it in proportion, down to none for a grey (round 0.34 BUG-8). A
+ * grey has no hue — OKLCH reports 0, which is pink — and at full tint #808080 painted
+ * every surface #eddde1.
+ */
+const FULL_HUE_CHROMA = 0.06;
+
+/** How much of the brand's hue the neutrals may carry: 0 for a grey, 1 from {@link FULL_HUE_CHROMA}. */
+function hueWeight(brand: Oklch): number {
+  return Math.min(1, brand.c / FULL_HUE_CHROMA);
+}
+
+function surfaceSet(hue: number, mode: ThemeMode, tint: number, weight: number) {
+  const c = MAX_SURFACE_CHROMA * Math.max(0, Math.min(1, tint)) * weight;
   const L = SURFACE_L[mode];
   const bgPage = oklchToHex({ l: L.page, c, h: hue });
   const bgSurface = oklchToHex({ l: L.surface, c, h: hue });
@@ -263,7 +276,8 @@ export function derivePalette({
   const targets = { primary: 10, secondary: 7, muted: 4.6, ...textContrast };
 
   // ── Surfaces, from the brand's hue.
-  const surfaces = surfaceSet(brand.h, mode, surfaceTint);
+  const weight = hueWeight(brand);
+  const surfaces = surfaceSet(brand.h, mode, surfaceTint, weight);
   // Every text role is solved against the WORST of the three, so a token is legible
   // wherever it lands. Solving against `bgSurface` alone is the mistake that makes a
   // muted label fail on the page background it also sits on.
@@ -275,7 +289,7 @@ export function derivePalette({
   );
 
   // ── Text. A trace of the brand hue keeps the greys from reading cold on a warm page.
-  const textChroma = 0.014;
+  const textChroma = 0.014 * weight;
   const textPrimary = solveAgainst(brand.h, textChroma, targets.primary, worstSurface, mode);
   const textSecondary = solveAgainst(brand.h, textChroma, targets.secondary, worstSurface, mode);
   const textMuted = solveAgainst(brand.h, textChroma, targets.muted, worstSurface, mode);
@@ -479,10 +493,11 @@ export function derivePalette({
   // "No money has moved": a quiet grey at a fixed lightness, but printed as TEXT (the
   // numpad's sign, a future row's figure), so it gets the text floor too (0.33). The
   // fixed lightness left it at 4.24:1 on four light pages.
-  const neutralFloor = solveLightness(4.5, parseHex(worstText)!, brand.h, 0.012, mode === "light" ? "darker" : "lighter");
+  const neutralChroma = 0.012 * weight;
+  const neutralFloor = solveLightness(4.5, parseHex(worstText)!, brand.h, neutralChroma, mode === "light" ? "darker" : "lighter");
   const moneyNeutral = oklchToHex({
     l: mode === "light" ? Math.min(0.52, neutralFloor) : Math.max(0.72, neutralFloor),
-    c: 0.012,
+    c: neutralChroma,
     h: brand.h,
   });
 
@@ -561,9 +576,16 @@ export function auditPalette(t: TokenSet, semantic?: SemanticTokens): ContrastRe
   // `--brand-muted`, `--brand-bg` and `--brand-bg-hover`, mixed as tokens.css mixes them.
   const { brandMuted, brandBg, brandBgHover } = brandSoft(t);
 
+  // The 0.05 of slack is for a pair with a color-mix on one side, and only for that: the
+  // browser mixes in float and paints the result, where this mixes and rounds to hex, so
+  // the two can differ by a hair. Hex against hex is what the page paints, measured
+  // exactly — the slack used to cover those too, and passed the Contrast preset's dark
+  // brand fill at 2.998:1 (round 0.34 BUG-8).
+  const MIXED = /\b(bgHover|brandMuted|brandBg|brandBgHover)\b/;
   const add = (pair: string, fg: string, bg: string, required: number, rule: string) => {
     const ratio = contrast(fg, bg);
-    checks.push({ pair, ratio, required, rule, passes: ratio >= required - 0.05 });
+    const slack = MIXED.test(pair) ? 0.05 : 0;
+    checks.push({ pair, ratio, required, rule, passes: ratio >= required - slack });
   };
 
   for (const [name, bg] of surfaces) {

package/src/theme/palette-presets.ts

@@ -8,11 +8,11 @@
 // concrete hex in JS, so they read the same values from here via the hooks in
 // palette-store.
 //
-// The alternative presets below were designed + accessibility-vetted as a set
-// (each is CVD-safe across protan/deutan/tritan, money is never red/green, and
-// text/background contrast clears WCAG AA on both themes). To promote one to the
-// app-wide default, copy its values into the :root/.dark blocks in tokens.css
-// (the default preset here mirrors those exactly).
+// The default preset here mirrors the :root/.dark blocks in tokens.css exactly. The
+// five hand-picked alternatives of #307 (`ALTERNATIVE_PRESETS`, a reference bank that
+// `presetById` never resolved) were removed in 0.35 (refactor audit 2026-10, API-6c;
+// deprecated in 0.34): `PALETTES` is what an app offers, and `derivePalette` makes a
+// palette of its own.
 
 import type { HeatStops } from "./chart-palette";
 import { contrastStep, rememberTokenSet } from "./contrast-tokens";
@@ -127,286 +127,6 @@ export const DEFAULT_PRESET: PalettePreset = {
   },
 };
 
-// Vetted alternatives to preview (CVD-safe, WCAG-AA on both themes).
-export const ALTERNATIVE_PRESETS: PalettePreset[] = [
-  {
-    id: "warm-paper",
-    name: "Warm Paper",
-    blurb: "Cream paper · warm charcoal",
-    light: {
-      bgPage: "#ece5d6",
-      bgSurface: "#f5efe3",
-      bgSurface2: "#ece5d6",
-      border: "#e2dcce",
-      textPrimary: "#2b2622",
-      textSecondary: "#4f4a44",
-      textMuted: "#68625b",
-      brand: "#9a5b34",
-      brandHover: "#824827",
-      brandContrast: "#fdf8f2",
-      moneyIncome: "#0e7490",
-      moneyExpense: "#8f3f0a",
-      moneyNet: "#7c4dab",
-      moneyNeutral: "#6b6258",
-      chart: ["#332288", "#88ccee", "#44aa99", "#117733", "#999933", "#ddcc77", "#cc6677", "#882255", "#aa4499"],
-      heat: {
-        neutral: "#efe9dc",
-        under: "#0e7490",
-        over: "#b45309",
-        seqLow: "#fbeed2",
-        seqHigh: "#b45309",
-        empty: "rgba(148,163,184,0.14)",
-      },
-    },
-    dark: {
-      bgPage: "#211e1a",
-      bgSurface: "#2a2622",
-      bgSurface2: "#322d27",
-      border: "#3d372f",
-      textPrimary: "#e8e2d6",
-      textSecondary: "#bfb9af",
-      textMuted: "#9e998f",
-      brand: "#e0986a",
-      brandHover: "#ecae85",
-      brandContrast: "#2a1c10",
-      moneyIncome: "#4dd4c4",
-      moneyExpense: "#fbbf3a",
-      moneyNet: "#bfa0e0",
-      moneyNeutral: "#a39a8c",
-      chart: ["#7e72d6", "#9fd8f2", "#5fc4b0", "#3fa45f", "#bfbf5e", "#e8dda0", "#e08c9a", "#cf6488", "#cc78be"],
-      heat: {
-        neutral: "#3a352e",
-        under: "#4dd4c4",
-        over: "#fbbf3a",
-        seqLow: "#2c2014",
-        seqHigh: "#fbbf3a",
-        empty: "rgba(148,163,184,0.10)",
-      },
-    },
-  },
-  {
-    id: "nord-frost",
-    name: "Nord Frost",
-    blurb: "Cool snow · polar night",
-    light: {
-      bgPage: "#e2e7ef",
-      bgSurface: "#f0f3f8",
-      bgSurface2: "#e2e7ef",
-      border: "#d3dae6",
-      textPrimary: "#2e3440",
-      textSecondary: "#454b56",
-      textMuted: "#5e636e",
-      brand: "#3b6ea5",
-      brandHover: "#305a86",
-      brandContrast: "#ffffff",
-      moneyIncome: "#0f8060",
-      moneyExpense: "#b8431a",
-      moneyNet: "#6b4fa0",
-      moneyNeutral: "#5b6577",
-      chart: ["#3a6ea5", "#56b6c2", "#2f7d4f", "#cdb52f", "#d05f7a", "#9a3f93", "#4d4bbf", "#dd6a2c", "#7a8aa8"],
-      heat: {
-        neutral: "#e1e6ee",
-        under: "#0f8060",
-        over: "#b8431a",
-        seqLow: "#f0f3f7",
-        seqHigh: "#a14708",
-        empty: "rgba(148,163,184,0.14)",
-      },
-    },
-    dark: {
-      bgPage: "#242933",
-      bgSurface: "#2e3440",
-      bgSurface2: "#3b4252",
-      border: "#434c5e",
-      textPrimary: "#eceff4",
-      textSecondary: "#d4d7de",
-      textMuted: "#afb3bc",
-      brand: "#88c0d0",
-      brandHover: "#a3d4e0",
-      brandContrast: "#1c2027",
-      moneyIncome: "#4ecf9c",
-      moneyExpense: "#e8a24f",
-      moneyNet: "#caa0e0",
-      moneyNeutral: "#9aa5b8",
-      chart: ["#7fb4e6", "#5ec9d6", "#5cc483", "#dccb6b", "#e87e96", "#bd6fce", "#9389f2", "#ef8f4a", "#8693ad"],
-      heat: {
-        neutral: "#3b4252",
-        under: "#4ecf9c",
-        over: "#e8a24f",
-        seqLow: "#33373f",
-        seqHigh: "#e8a24f",
-        empty: "rgba(148,163,184,0.10)",
-      },
-    },
-  },
-  {
-    id: "indigo-noir",
-    name: "Indigo Noir",
-    blurb: "Crisp light · deep indigo",
-    light: {
-      bgPage: "#e8eaf2",
-      bgSurface: "#f6f7fb",
-      bgSurface2: "#e8eaf2",
-      border: "#dadfeb",
-      textPrimary: "#1b1f2e",
-      textSecondary: "#494d5a",
-      textMuted: "#626572",
-      brand: "#4338ca",
-      brandHover: "#3730a3",
-      brandContrast: "#ffffff",
-      moneyIncome: "#0c6478",
-      moneyExpense: "#b45309",
-      moneyNet: "#7c3aed",
-      moneyNeutral: "#5b6478",
-      chart: ["#332288", "#88ccee", "#44aa99", "#117733", "#999933", "#ddcc77", "#cc6677", "#882255", "#aa4499"],
-      heat: {
-        neutral: "#eef1f7",
-        under: "#0c6478",
-        over: "#b45309",
-        seqLow: "#fdeed4",
-        seqHigh: "#b45309",
-        empty: "rgba(148,163,184,0.14)",
-      },
-    },
-    dark: {
-      bgPage: "#0e0f1c",
-      bgSurface: "#181a2c",
-      bgSurface2: "#21243a",
-      border: "#2e3252",
-      textPrimary: "#e6e8f4",
-      textSecondary: "#adafbe",
-      textMuted: "#8d90a0",
-      brand: "#8b93f8",
-      brandHover: "#aab1fb",
-      brandContrast: "#16182b",
-      moneyIncome: "#22c3b6",
-      // Kept byte-identical to DEFAULT_PRESET.dark, which IS this preset (dev#434).
-      moneyExpense: "#e4b035",
-      moneyNet: "#b39aef",
-      moneyNeutral: "#9aa1bd",
-      chart: ["#7e72d6", "#9fd8f2", "#5fc4b0", "#3fa45f", "#bfbf5e", "#e8dda0", "#e08c9a", "#c25a78", "#cc78be"],
-      heat: {
-        neutral: "#363a5a",
-        under: "#22c3b6",
-        over: "#fbbf24",
-        seqLow: "#3a2c14",
-        seqHigh: "#fbbf24",
-        empty: "rgba(148,163,184,0.10)",
-      },
-    },
-  },
-  {
-    id: "solar-dusk",
-    name: "Solar Dusk",
-    blurb: "Solarized warmth, easy on the eyes",
-    light: {
-      bgPage: "#ede3cf",
-      bgSurface: "#f6ecd9",
-      bgSurface2: "#ede3cf",
-      border: "#e2d6bd",
-      textPrimary: "#463f33",
-      textSecondary: "#50493c",
-      textMuted: "#696153",
-      brand: "#2c6979",
-      brandHover: "#1f515f",
-      brandContrast: "#ffffff",
-      moneyIncome: "#0b6650",
-      moneyExpense: "#905902",
-      moneyNet: "#7a4fa3",
-      moneyNeutral: "#6b6453",
-      chart: ["#332288", "#88ccee", "#44aa99", "#117733", "#999933", "#ddcc77", "#cc6677", "#882255", "#aa4499"],
-      heat: {
-        neutral: "#f1e7d2",
-        under: "#0b6650",
-        over: "#9c6418",
-        seqLow: "#f6ecd0",
-        seqHigh: "#9c6418",
-        empty: "rgba(148,163,184,0.14)",
-      },
-    },
-    dark: {
-      bgPage: "#0e1a1f",
-      bgSurface: "#15272e",
-      bgSurface2: "#1d333c",
-      border: "#2a4750",
-      textPrimary: "#d6cdb8",
-      textSecondary: "#c2bdab",
-      textMuted: "#9c9d91",
-      brand: "#5fb8cc",
-      brandHover: "#82cfe0",
-      brandContrast: "#0a161a",
-      moneyIncome: "#22b884",
-      moneyExpense: "#f0b94e",
-      moneyNet: "#bfa0e0",
-      moneyNeutral: "#9aa3a0",
-      chart: ["#7e72d6", "#9fd8f2", "#5fc4b0", "#3fa45f", "#bfbf5e", "#e8dda0", "#e08c9a", "#c25a78", "#c873c0"],
-      heat: {
-        neutral: "#26424b",
-        under: "#22b884",
-        over: "#f0b94e",
-        seqLow: "#1f3138",
-        seqHigh: "#f0b94e",
-        empty: "rgba(148,163,184,0.10)",
-      },
-    },
-  },
-  {
-    id: "zinc-mono",
-    name: "Zinc Mono",
-    blurb: "True-neutral chrome · data pops",
-    light: {
-      bgPage: "#ececec",
-      bgSurface: "#f7f7f7",
-      bgSurface2: "#ececec",
-      border: "#e4e4e7",
-      textPrimary: "#18181b",
-      textSecondary: "#4e4e50",
-      textMuted: "#676769",
-      brand: "#1d4ed8",
-      brandHover: "#1e40af",
-      brandContrast: "#ffffff",
-      moneyIncome: "#0e7490",
-      moneyExpense: "#cf4310",
-      moneyNet: "#7c3aed",
-      moneyNeutral: "#52525b",
-      chart: ["#332288", "#88ccee", "#44aa99", "#117733", "#999933", "#ddcc77", "#cc6677", "#882255", "#aa4499"],
-      heat: {
-        neutral: "#f4f4f5",
-        under: "#0e7490",
-        over: "#cf4310",
-        seqLow: "#fdeede",
-        seqHigh: "#cf4310",
-        empty: "rgba(148,163,184,0.14)",
-      },
-    },
-    dark: {
-      bgPage: "#09090b",
-      bgSurface: "#18181b",
-      bgSurface2: "#27272a",
-      border: "#3f3f46",
-      textPrimary: "#f4f4f5",
-      textSecondary: "#b2b2b3",
-      textMuted: "#929294",
-      brand: "#60a5fa",
-      brandHover: "#93c5fd",
-      brandContrast: "#0b1220",
-      moneyIncome: "#22d3ee",
-      moneyExpense: "#f97316",
-      moneyNet: "#c4b5fd",
-      moneyNeutral: "#a1a1aa",
-      chart: ["#7e72d6", "#9fd8f2", "#5fc4b0", "#3fa45f", "#bfbf5e", "#e8dda0", "#e08c9a", "#c25a78", "#cc78be"],
-      heat: {
-        neutral: "#3f3f46",
-        under: "#22d3ee",
-        over: "#f97316",
-        seqLow: "#3a2410",
-        seqHigh: "#f97316",
-        empty: "rgba(148,163,184,0.10)",
-      },
-    },
-  },
-];
-
 // ── "Imprint" chart hues (feedback #119) ──────────────────────────────────────
 // anyplot's categorical palette (https://anyplot.ai/palette), by a colleague of
 // Marcel's. 8 hues + an amber semantic anchor, derived from Wong 2011 by a
@@ -466,8 +186,8 @@ export const IMPRINT_PRESET: PalettePreset = {
 };
 
 // The full-theme switcher from #307 stayed retired (feedback #328) — the default
-// is still the single source of truth for surfaces, brand and money, and
-// ALTERNATIVE_PRESETS above remains a reference bank only. What IS selectable is
+// is still the single source of truth for surfaces, brand and money (its five
+// alternatives are gone, see the header). What IS selectable is
 // the categorical chart ramp (feedback #119), so these two presets are the live
 // set; presetById falls back to the default for any stale persisted id.
 /**
@@ -495,12 +215,19 @@ const PAUL_TOL = {
  *
  * Every text role here was solved to a contrast target against the worst of the three
  * surfaces it can land on, every semantic colour against both the page and its own badge
- * tint, and the whole set is re-checked by `derived-presets.test.ts` — which re-runs the
- * deriver and fails if these committed values drift from what it now produces.
+ * tint, and the whole set is re-checked by `__tests__/palette-audit.test.ts` ("derived
+ * presets") — which re-runs the deriver and fails if these committed values drift from
+ * what it now produces.
  *
  * They are committed rather than derived at import because deriving eight token sets
  * costs ~34ms, and charging every consumer that at startup for palettes most of them
  * will never select is the wrong trade. The test is what keeps the two in agreement.
+ *
+ * Regenerated in 0.34 (round 0.34 BUG-8): the solve now measures the hex it ships rather
+ * than the float before rounding, and the audit no longer lets a hex pair pass 0.05 under
+ * its threshold. 52 values moved one step (66 counting the heat stops that repeat them);
+ * Contrast's neutrals lost half their slate tint, its brand having half the chroma at
+ * which the neutrals carry a hue in full.
  */
 export const DERIVED_PRESETS: PalettePreset[] = [
   {
@@ -513,19 +240,19 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       bgSurface2: "#dce2ef",
       border: "#b0bace",
       textPrimary: "#2e3139",
-      textSecondary: "#454950",
-      textMuted: "#5f646c",
+      textSecondary: "#454850",
+      textMuted: "#5f636c",
       brand: "#2f5fd0",
       brandHover: "#1f4cbc",
       brandContrast: "#ffffff",
-      moneyIncome: "#00725e",
+      moneyIncome: "#00725f",
       moneyExpense: "#8e5900",
       moneyNet: "#7356a2",
-      moneyNeutral: "#61656c",
+      moneyNeutral: "#61646c",
       chart: PAUL_TOL.light,
       heat: {
         neutral: "#dce2ef",
-        under: "#00725e",
+        under: "#00725f",
         over: "#8e5900",
         seqLow: "#fee3c5",
         seqHigh: "#8e5900",
@@ -536,21 +263,21 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       bgPage: "#090d15",
       bgSurface: "#131720",
       bgSurface2: "#1d212b",
-      border: "#363e4e",
-      textPrimary: "#c7ccd5",
-      textSecondary: "#a7abb4",
-      textMuted: "#858992",
+      border: "#363e4f",
+      textPrimary: "#c8ccd6",
+      textSecondary: "#a7abb5",
+      textMuted: "#858a92",
       brand: "#3466d7",
       brandHover: "#2353c3",
       brandContrast: "#ffffff",
-      moneyIncome: "#00997f",
+      moneyIncome: "#009a80",
       moneyExpense: "#b77b29",
       moneyNet: "#9679c9",
       moneyNeutral: "#a1a5ac",
       chart: PAUL_TOL.dark,
       heat: {
         neutral: "#1d212b",
-        under: "#00997f",
+        under: "#009a80",
         over: "#b77b29",
         seqLow: "#331f05",
         seqHigh: "#b77b29",
@@ -567,20 +294,20 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       bgSurface: "#e3f1e8",
       bgSurface2: "#d8e6dd",
       border: "#abbfb2",
-      textPrimary: "#2c342e",
-      textSecondary: "#434b45",
+      textPrimary: "#2c332e",
+      textSecondary: "#424b45",
       textMuted: "#5d6660",
       brand: "#2f7a52",
       brandHover: "#196842",
       brandContrast: "#ffffff",
-      moneyIncome: "#00735f",
+      moneyIncome: "#00725f",
       moneyExpense: "#8e5900",
       moneyNet: "#7356a2",
-      moneyNeutral: "#5f6762",
+      moneyNeutral: "#5f6662",
       chart: PAUL_TOL.light,
       heat: {
         neutral: "#d8e6dd",
-        under: "#00735f",
+        under: "#00725f",
         over: "#8e5900",
         seqLow: "#fee3c5",
         seqHigh: "#8e5900",
@@ -591,24 +318,24 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       bgPage: "#060f0a",
       bgSurface: "#101a14",
       bgSurface2: "#1a241e",
-      border: "#314237",
-      textPrimary: "#c5cfc9",
-      textSecondary: "#a4aea8",
+      border: "#314337",
+      textPrimary: "#c6cfc9",
+      textSecondary: "#a5aea8",
       textMuted: "#838c86",
       brand: "#317b53",
       brandHover: "#1c6943",
       brandContrast: "#ffffff",
       moneyIncome: "#009a80",
-      moneyExpense: "#b87b2a",
-      moneyNet: "#9779c9",
+      moneyExpense: "#b87c2a",
+      moneyNet: "#977ac9",
       moneyNeutral: "#9fa7a2",
       chart: PAUL_TOL.dark,
       heat: {
         neutral: "#1a241e",
         under: "#009a80",
-        over: "#b87b2a",
+        over: "#b87c2a",
         seqLow: "#331f05",
-        seqHigh: "#b87b2a",
+        seqHigh: "#b87c2a",
         empty: "rgba(160,170,190,0.10)",
       },
     },
@@ -621,24 +348,24 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       bgPage: "#e7dfea",
       bgSurface: "#f2e9f5",
       bgSurface2: "#e7dfea",
-      border: "#c2b6c6",
-      textPrimary: "#342f36",
-      textSecondary: "#4c474e",
+      border: "#c2b5c6",
+      textPrimary: "#352f36",
+      textSecondary: "#4c464e",
       textMuted: "#676169",
       brand: "#7b3f8f",
       brandHover: "#692d7d",
       brandContrast: "#ffffff",
-      moneyIncome: "#00725e",
-      moneyExpense: "#8d5900",
+      moneyIncome: "#00715e",
+      moneyExpense: "#8d5800",
       moneyNet: "#7355a2",
-      moneyNeutral: "#676369",
+      moneyNeutral: "#676269",
       chart: PAUL_TOL.light,
       heat: {
         neutral: "#e7dfea",
-        under: "#00725e",
-        over: "#8d5900",
-        seqLow: "#fee3c4",
-        seqHigh: "#8d5900",
+        under: "#00715e",
+        over: "#8d5800",
+        seqLow: "#fee3c5",
+        seqHigh: "#8d5800",
         empty: "rgba(120,110,95,0.14)",
       },
     },
@@ -646,21 +373,21 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       bgPage: "#100b12",
       bgSurface: "#1b151d",
       bgSurface2: "#251f27",
-      border: "#453a48",
-      textPrimary: "#d0cad3",
+      border: "#453b48",
+      textPrimary: "#d0cad2",
       textSecondary: "#afa9b1",
-      textMuted: "#8d878f",
-      brand: "#9153a6",
-      brandHover: "#7f4193",
+      textMuted: "#8d8790",
+      brand: "#9154a6",
+      brandHover: "#7f4293",
       brandContrast: "#ffffff",
-      moneyIncome: "#00997f",
+      moneyIncome: "#009980",
       moneyExpense: "#b77b29",
-      moneyNet: "#9679c8",
+      moneyNet: "#9679c9",
       moneyNeutral: "#a8a2aa",
       chart: PAUL_TOL.dark,
       heat: {
         neutral: "#251f27",
-        under: "#00997f",
+        under: "#009980",
         over: "#b77b29",
         seqLow: "#331f05",
         seqHigh: "#b77b29",
@@ -673,24 +400,24 @@ export const DERIVED_PRESETS: PalettePreset[] = [
     name: "High contrast",
     blurb: "Near-neutral ground · text solved to 13:1 / 8.5:1 / 5.5:1",
     light: {
-      bgPage: "#e0e2e5",
-      bgSurface: "#ebedef",
-      bgSurface2: "#e0e2e5",
-      border: "#b7babe",
-      textPrimary: "#191d24",
-      textSecondary: "#373c44",
-      textMuted: "#535860",
+      bgPage: "#e1e2e3",
+      bgSurface: "#ecedee",
+      bgSurface2: "#e1e2e3",
+      border: "#b8babc",
+      textPrimary: "#1b1d21",
+      textSecondary: "#3a3c40",
+      textMuted: "#55585c",
       brand: "#1f2937",
       brandHover: "#111b28",
       brandContrast: "#ffffff",
-      moneyIncome: "#00715d",
+      moneyIncome: "#00715e",
       moneyExpense: "#8d5800",
       moneyNet: "#7255a1",
-      moneyNeutral: "#5f646b",
+      moneyNeutral: "#616467",
       chart: PAUL_TOL.light,
       heat: {
-        neutral: "#e0e2e5",
-        under: "#00715d",
+        neutral: "#e1e2e3",
+        under: "#00715e",
         over: "#8d5800",
         seqLow: "#fee3c5",
         seqHigh: "#8d5800",
@@ -698,24 +425,24 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       },
     },
     dark: {
-      bgPage: "#0c0d0f",
-      bgSurface: "#161719",
-      bgSurface2: "#202123",
-      border: "#3c3e41",
-      textPrimary: "#e1e7f0",
-      textSecondary: "#b7bdc5",
-      textMuted: "#9197a0",
-      brand: "#546c8d",
-      brandHover: "#445b7b",
+      bgPage: "#0c0d0e",
+      bgSurface: "#171718",
+      bgSurface2: "#212122",
+      border: "#3d3e3f",
+      textPrimary: "#e4e8ec",
+      textSecondary: "#b9bdc1",
+      textMuted: "#95979c",
+      brand: "#556c8e",
+      brandHover: "#455b7c",
       brandContrast: "#ffffff",
-      moneyIncome: "#00997f",
+      moneyIncome: "#009a80",
       moneyExpense: "#b77b29",
-      moneyNet: "#9679c8",
-      moneyNeutral: "#a0a5ac",
+      moneyNet: "#9679c9",
+      moneyNeutral: "#a2a5a8",
       chart: PAUL_TOL.dark,
       heat: {
-        neutral: "#202123",
-        under: "#00997f",
+        neutral: "#212122",
+        under: "#009a80",
         over: "#b77b29",
         seqLow: "#331f05",
         seqHigh: "#b77b29",

package/src/tour/tour-labels.ts

@@ -0,0 +1,14 @@
+// The English words of ./tour, in a module with no component code: the English catalogue
+// (src/i18n/defaults.ts) imports them without the component, so `en` loads as one chunk
+// like the other languages (0.34, KS U8). ./tour re-exports them.
+
+import type { TourLabels } from "./tour";
+
+export const DEFAULT_TOUR_LABELS: TourLabels = {
+  next: "Next",
+  back: "Back",
+  skip: "Skip",
+  done: "Done",
+  awaitClickHint: "Click the highlighted element to continue",
+  step: (c, t) => `${c} / ${t}`,
+};