@fibery/ui-kit 4.2.0 → 5.0.0

package/src/palettes/diff-colors.ts

@@ -103,6 +103,14 @@ const metrics: Metric[] = [
 const RED = "\x1b[31m";
 const DIM = "\x1b[2m";
 const RESET = "\x1b[0m";
+// eslint-disable-next-line no-control-regex
+const ANSI = /\x1b\[[0-9;]*m/g;
+const colorReportColumnCuts = [
+  ["L×C×H", "H×C", "HyAB"],
+  ["light", "chroma", "hue°"],
+  ["CIEDE2000"],
+  ["contrast"],
+] as const;
 
 function calcMetrics(a: string, b: string) {
   const row: Record<string, string> = {};
@@ -137,6 +145,21 @@ export function swatch(hex: string) {
   return `\x1b[48;2;${r};${g};${b}m  \x1b[0m`;
 }
 
+export function renderLc(Lc: number) {
+  const abs = Math.abs(Lc);
+  const sign = abs === 0 ? "=" : Lc < 0 ? "-" : "+";
+  const roundedHundredth = Number(abs.toFixed(2));
+  const roundedTenth = Number(abs.toFixed(1));
+  const value =
+    roundedHundredth < 10
+      ? abs.toFixed(2) // 9.99
+      : roundedTenth < 100
+        ? abs.toFixed(1) // 99.9
+        : abs.toFixed(0); // 106
+
+  return `Lc${`${sign}${value}`.padStart(4, " ")}`;
+}
+
 export function extractLcLabel(s: string): Record<string, string> {
   const out: Record<string, string> = {};
   let rest = s;
@@ -154,9 +177,18 @@ export function extractLcLabel(s: string): Record<string, string> {
     out[label] = value;
     rest = rest.slice(semi + 1);
   }
+  const suffix = s.match(/\|\s*Lc\s*([+=-])\s*((?:\d+(?:\.\d+)?)|(?:\.\d+))\s+(?:over|vs)\s+(.+?)\s*$/);
+  if (suffix) {
+    out.contrast = `${extractReferenceLabel(suffix[3])}${suffix[1]}${suffix[2]}`;
+  }
   return out;
 }
 
+function extractReferenceLabel(reference: string) {
+  const [color, ...labelParts] = reference.trim().split(/\s+/);
+  return labelParts.length > 0 && /^#[0-9a-f]{6,8}$/i.test(color) ? labelParts.join(" ") : color;
+}
+
 function hasWhitespace(s: string) {
   for (let i = 0; i < s.length; i++) {
     const c = s.charCodeAt(i);
@@ -182,6 +214,108 @@ export function extractColorOrThrow(s: string) {
   return null;
 }
 
+function cellWidth(value: unknown) {
+  const visible = inspect(value, {breakLength: Infinity, colors: false, compact: true}).replace(ANSI, "");
+  let width = 0;
+  for (const line of visible.split("\n")) {
+    width = Math.max(width, Array.from(line).length);
+  }
+  return width;
+}
+
+function collectConsoleTableColumns(rows: readonly object[]) {
+  const columns: string[] = [];
+  const seen = new Set<string>();
+  for (const row of rows) {
+    for (const column of Object.keys(row)) {
+      if (!seen.has(column)) {
+        columns.push(column);
+        seen.add(column);
+      }
+    }
+  }
+  return columns;
+}
+
+export function estimateConsoleTableWidth(rows: readonly object[]) {
+  const tableColumns = ["(index)", ...collectConsoleTableColumns(rows)];
+  const widths = tableColumns.map((column) => Array.from(column).length);
+  for (let i = 0; i < rows.length; i++) {
+    widths[0] = Math.max(widths[0], String(i).length);
+  }
+  for (const [columnIndex, column] of tableColumns.slice(1).entries()) {
+    const widthIndex = columnIndex + 1;
+    for (const row of rows) {
+      if (Object.hasOwn(row, column)) {
+        widths[widthIndex] = Math.max(widths[widthIndex], cellWidth((row as Record<string, unknown>)[column]));
+      }
+    }
+  }
+  return 1 + widths.reduce((sum, width) => sum + width, 0) + tableColumns.length * 3;
+}
+
+function withoutColumns(rows: readonly object[], columns: ReadonlySet<string>) {
+  return rows.map((row) => {
+    const out: Record<string, unknown> = {};
+    for (const [key, value] of Object.entries(row)) {
+      if (!columns.has(key)) {
+        out[key] = value;
+      }
+    }
+    return out;
+  });
+}
+
+type TerminalLike = {
+  columns?: unknown;
+};
+
+function numericColumns(value: unknown) {
+  const columns = typeof value === "string" && value.trim() !== "" ? Number(value) : value;
+  return typeof columns === "number" && Number.isFinite(columns) && columns > 0 ? columns : undefined;
+}
+
+function streamColumns(stream: TerminalLike | undefined) {
+  return numericColumns(stream?.columns);
+}
+
+function terminalColumns() {
+  const process = (
+    globalThis as {
+      process?: {
+        stdout?: TerminalLike;
+        stderr?: TerminalLike;
+        env?: {COLUMNS?: string; COLS?: string};
+      };
+    }
+  ).process;
+  return (
+    streamColumns(process?.stdout) ??
+    streamColumns(process?.stderr) ??
+    numericColumns(process?.env?.COLUMNS) ??
+    numericColumns(process?.env?.COLS)
+  );
+}
+
+export function fitColorReportToColumns(rows: readonly object[], columns = terminalColumns()) {
+  if (columns === undefined || columns <= 0 || rows.length === 0 || estimateConsoleTableWidth(rows) <= columns) {
+    return rows;
+  }
+
+  const hidden = new Set<string>();
+  for (const cut of colorReportColumnCuts) {
+    for (const column of cut) {
+      hidden.add(column);
+    }
+    const candidate = withoutColumns(rows, hidden);
+    if (estimateConsoleTableWidth(candidate) <= columns) {
+      return candidate;
+    }
+  }
+
+  return rows;
+}
+
 function differentTypes(valActual: unknown, valExpected: unknown) {
   return (
     valActual === undefined ||
@@ -391,7 +525,7 @@ export function withColorDiff<T extends ColorDefs>(actual: T): T {
   if (baseline) {
     const changes = computeColorReport(actual, baseline);
     if (changes.length > 0) {
-      console.table(changes);
+      console.table(fitColorReportToColumns(changes));
     }
   }
   return actual;

package/src/palettes/inspect.canvas-colors.test.ts

@@ -1,10 +1,10 @@
-import {backgrounds, type ColorDef, darkFromLight, sections, stickers} from "../canvas-colors";
+import {backgrounds, darkFromLight, sections, stickers} from "../canvas-colors";
 import {withColorDiff} from "./diff-colors";
 import {deepMapColors} from "./testkit";
 
-function reflect(defs: ColorDef[], role: "bg" | "sticker" | "section", prefix: string) {
+function reflect(defs: readonly string[], role: "bg" | "sticker" | "section", prefix: string) {
   const result: Record<string, Array<readonly [string, string]>> = {};
-  result[prefix] = defs.map((pair) => [pair[0], darkFromLight(pair[0], role)] as const);
+  result[prefix] = defs.map((light) => [light, darkFromLight(light, role)] as const);
   return deepMapColors(result);
 }
 
@@ -20,223 +20,223 @@ test("snapshot", () => {
       "canvas.background": [
         [
           "#1E1E1E   | hsl(none   0%  12%) | oklch(0.24 0    none)",
-          "#FCFCFC   | hsl(none   0%  99%) | oklch(0.99 0    none)",
+          "#D3D3D3   | hsl(none   0%  83%) | oklch(0.87 0    none)",
         ],
         [
           "#6E7A83   | hsl( 206   9%  47%) | oklch(0.57 0.02 240 )",
-          "#B1B7BC   | hsl( 207   8%  72%) | oklch(0.78 0.01 243 )",
+          "#7D888F   | hsl( 203   7%  53%) | oklch(0.62 0.02 236 )",
         ],
         [
           "#F24822   | hsl(  11  89%  54%) | oklch(0.64 0.21  34 )",
-          "#C65036   | hsl(  11  57%  49%) | oklch(0.58 0.16  34 )",
+          "#FF7557   | hsl(  11 100%  67%) | oklch(0.72 0.17  34 )",
         ],
         [
           "#FFA629   | hsl(  35 100%  58%) | oklch(0.8  0.16  69 )",
-          "#DB9A4E   | hsl(  32  66%  58%) | oklch(0.74 0.12  68 )",
+          "#925400   | hsl(  35 100%  29%) | oklch(0.51 0.12  63 )",
         ],
         [
           "#FFCD29   | hsl(  46 100%  58%) | oklch(0.87 0.17  90 )",
-          "#E0BC59   | hsl(  44  69%  61%) | oklch(0.81 0.12  89 )",
+          "#5D4700   | hsl(  46 100%  18%) | oklch(0.41 0.08  88 )",
         ],
         [
           "#14AE5C   | hsl( 148  79%  38%) | oklch(0.66 0.17 152 )",
-          "#3A955A   | hsl( 141  44%  41%) | oklch(0.6  0.12 152 )",
+          "#1A9A52   | hsl( 146  71%  35%) | oklch(0.6  0.15 152 )",
         ],
         [
           "#0D99FF   | hsl( 205 100%  53%) | oklch(0.67 0.18 249 )",
-          "#3787D0   | hsl( 209  62%  52%) | oklch(0.61 0.14 249 )",
+          "#238FE9   | hsl( 207  82%  53%) | oklch(0.64 0.16 249 )",
         ],
         [
           "#9747FF   | hsl( 266 100%  64%) | oklch(0.6  0.25 298 )",
-          "#7E4CCB   | hsl( 264  55%  55%) | oklch(0.54 0.19 298 )",
+          "#B282FF   | hsl( 263 100%  75%) | oklch(0.71 0.18 299 )",
         ],
         [
           "#FF7ED9   | hsl( 318 100%  75%) | oklch(0.77 0.19 340 )",
-          "#D97CBC   | hsl( 319  55%  67%) | oklch(0.71 0.14 340 )",
+          "#B44796   | hsl( 317  43%  49%) | oklch(0.57 0.17 340 )",
         ],
         [
           "#FDFDFD   | hsl(none   0%  99%) | oklch(0.99 0    none)",
-          "#1F1F1F   | hsl(none   0%  12%) | oklch(0.24 0    none)",
+          "#141414   | hsl(none   0%   8%) | oklch(0.19 0    none)",
         ],
         [
           "#C1C8CD   | hsl( 205  11%  78%) | oklch(0.83 0.01 239 )",
-          "#DCE0E2   | hsl( 200   9%  87%) | oklch(0.9  0.01 229 )",
+          "#3D4347   | hsl( 204   8%  26%) | oklch(0.38 0.01 237 )",
         ],
         [
           "#E5E8EB   | hsl( 210  13%  91%) | oklch(0.93 0.01 248 )",
-          "#EFF0F2   | hsl( 220  10%  94%) | oklch(0.95 0    265 )",
+          "#242629   | hsl( 216   6%  15%) | oklch(0.27 0.01 258 )",
         ],
         [
           "#FFC7C2   | hsl(   5 100%  88%) | oklch(0.88 0.06  24 )",
-          "#EECECB   | hsl(   5  51%  86%) | oklch(0.88 0.04  24 )",
+          "#5E2E2B   | hsl(   4  37%  27%) | oklch(0.36 0.07  25 )",
         ],
         [
           "#FCD19C   | hsl(  33  94%  80%) | oklch(0.89 0.08  72 )",
-          "#EDD5B9   | hsl(  32  59%  83%) | oklch(0.89 0.05  71 )",
+          "#523200   | hsl(  37 100%  16%) | oklch(0.35 0.07  71 )",
         ],
         [
           "#FFE8A3   | hsl(  45 100%  82%) | oklch(0.93 0.09  92 )",
-          "#F5E9C4   | hsl(  45  71%  86%) | oklch(0.93 0.05  92 )",
+          "#352900   | hsl(  46 100%  10%) | oklch(0.29 0.06  92 )",
         ],
         [
           "#AFF4C6   | hsl( 140  76%  82%) | oklch(0.91 0.09 155 )",
-          "#C7ECD2   | hsl( 138  49%  85%) | oklch(0.91 0.05 155 )",
+          "#003B1A   | hsl( 146 100%  12%) | oklch(0.31 0.08 152 )",
         ],
         [
           "#BDE3FF   | hsl( 205 100%  87%) | oklch(0.9  0.06 240 )",
-          "#CCE1F0   | hsl( 205  55%  87%) | oklch(0.9  0.03 239 )",
+          "#11354C   | hsl( 203  63%  18%) | oklch(0.32 0.06 240 )",
         ],
         [
           "#E4CCFF   | hsl( 268 100%  90%) | oklch(0.88 0.07 306 )",
-          "#DED2EE   | hsl( 266  45%  88%) | oklch(0.88 0.04 305 )",
+          "#442E5A   | hsl( 270  32%  27%) | oklch(0.35 0.08 306 )",
         ],
         [
           "#FFD7F3   | hsl( 318 100%  92%) | oklch(0.92 0.06 337 )",
-          "#F4DDED   | hsl( 318  51%  91%) | oklch(0.92 0.03 337 )",
+          "#44223C   | hsl( 314  33%  20%) | oklch(0.31 0.06 336 )",
         ],
       ],
       "canvas.section": [
         [
           "#DDDDDD   | hsl(none   0%  87%) | oklch(0.9  0    none)",
-          "#313131   | hsl(none   0%  19%) | oklch(0.31 0    none)",
+          "#2F2F2F   | hsl(none   0%  18%) | oklch(0.31 0    none)",
         ],
         [
           "#EAEAEA   | hsl(none   0%  92%) | oklch(0.94 0    none)",
-          "#353535   | hsl(none   0%  21%) | oklch(0.33 0    none)",
+          "#242424   | hsl(none   0%  14%) | oklch(0.26 0    none)",
         ],
         [
           "#FFE2E0   | hsl(   4 100%  94%) | oklch(0.94 0.03  22 )",
-          "#8D4D49   | hsl(   4  32%  42%) | oklch(0.5  0.09  24 )",
+          "#39201F   | hsl(   2  30%  17%) | oklch(0.28 0.04  22 )",
         ],
         [
           "#FFEAD6   | hsl(  29 100%  92%) | oklch(0.95 0.04  66 )",
-          "#8D6A49   | hsl(  29  32%  42%) | oklch(0.55 0.07  64 )",
+          "#301F0D   | hsl(  31  57%  12%) | oklch(0.26 0.04  66 )",
         ],
         [
           "#FFF3D6   | hsl(  42 100%  92%) | oklch(0.97 0.04  88 )",
-          "#8D7949   | hsl(  42  32%  42%) | oklch(0.58 0.07  88 )",
+          "#251C02   | hsl(  45  90%   8%) | oklch(0.23 0.04  90 )",
         ],
         [
           "#DDF8E2   | hsl( 131  66%  92%) | oklch(0.95 0.04 151 )",
-          "#498D56   | hsl( 131  32%  42%) | oklch(0.58 0.11 148 )",
+          "#0C2513   | hsl( 137  51%  10%) | oklch(0.24 0.05 151 )",
         ],
         [
           "#DBF0FF   | hsl( 205 100%  93%) | oklch(0.94 0.03 239 )",
-          "#49718D   | hsl( 205  32%  42%) | oklch(0.53 0.06 240 )",
+          "#122531   | hsl( 203  46%  13%) | oklch(0.25 0.03 238 )",
         ],
         [
           "#EAE1FF   | hsl( 258 100%  94%) | oklch(0.93 0.04 299 )",
-          "#5D498D   | hsl( 258  32%  42%) | oklch(0.46 0.11 295 )",
+          "#2D243E   | hsl( 261  27%  19%) | oklch(0.28 0.05 299 )",
         ],
         [
           "#FFD6F2   | hsl( 319 100%  92%) | oklch(0.92 0.06 338 )",
-          "#8D4978   | hsl( 319  32%  42%) | oklch(0.5  0.11 340 )",
+          "#45233C   | hsl( 316  33%  20%) | oklch(0.31 0.06 338 )",
         ],
         [
           "#FFFFFF   | hsl(none   0% 100%) | oklch(1    0    none)",
-          "#FFFFFF   | hsl(none   0% 100%) | oklch(1    0    none)",
+          "#121212   | hsl(none   0%   7%) | oklch(0.18 0    none)",
         ],
         [
           "#F4F4F4   | hsl(none   0%  96%) | oklch(0.97 0    none)",
-          "#373737   | hsl(none   0%  22%) | oklch(0.34 0    none)",
+          "#1B1B1B   | hsl(none   0%  11%) | oklch(0.22 0    none)",
         ],
         [
           "#F9F9F9   | hsl(none   0%  98%) | oklch(0.98 0    none)",
-          "#393939   | hsl(none   0%  22%) | oklch(0.34 0    none)",
+          "#171717   | hsl(none   0%   9%) | oklch(0.2  0    none)",
         ],
         [
           "#FFF5F5   | hsl(   0 100%  98%) | oklch(0.98 0.01  17 )",
-          "#553637   | hsl( 358  22%  27%) | oklch(0.37 0.04  17 )",
+          "#1F1717   | hsl(   0  15%  11%) | oklch(0.21 0.01  18 )",
         ],
         [
           "#FFF7F0   | hsl(  28 100%  97%) | oklch(0.98 0.01  64 )",
-          "#513B26   | hsl(  29  36%  23%) | oklch(0.37 0.05  64 )",
+          "#1D1711   | hsl(  30  26%   9%) | oklch(0.21 0.01  67 )",
         ],
         [
           "#FFFBF0   | hsl(  44 100%  97%) | oklch(0.99 0.02  90 )",
-          "#493F23   | hsl(  44  35%  21%) | oklch(0.37 0.05  90 )",
+          "#19150C   | hsl(  42  35%   7%) | oklch(0.2  0.02  87 )",
         ],
         [
           "#EBFFEE   | hsl( 129 100%  96%) | oklch(0.98 0.03 150 )",
-          "#2E4733   | hsl( 132  21%  23%) | oklch(0.37 0.05 150 )",
+          "#091B0D   | hsl( 133  50%   7%) | oklch(0.2  0.04 149 )",
         ],
         [
           "#F5FBFF   | hsl( 204 100%  98%) | oklch(0.98 0.01 237 )",
-          "#274355   | hsl( 203  37%  24%) | oklch(0.37 0.05 238 )",
+          "#12171A   | hsl( 203  18%   9%) | oklch(0.2  0.01 234 )",
         ],
         [
           "#F8F5FF   | hsl( 258 100%  98%) | oklch(0.98 0.01 300 )",
-          "#433A54   | hsl( 261  18%  28%) | oklch(0.37 0.05 300 )",
+          "#1B1821   | hsl( 260  16%  11%) | oklch(0.22 0.02 300 )",
         ],
         [
           "#FFF0FA   | hsl( 320 100%  97%) | oklch(0.97 0.02 338 )",
-          "#4F3648   | hsl( 317  19%  26%) | oklch(0.37 0.05 337 )",
+          "#251821   | hsl( 318  21%  12%) | oklch(0.23 0.03 338 )",
         ],
       ],
       "canvas.sticker": [
         [
           "#AFBCCF   | hsl( 216  25%  75%) | oklch(0.79 0.03 258 )",
-          "#8594A9   | hsl( 215  17%  59%) | oklch(0.66 0.04 257 )",
+          "#434E5E   | hsl( 216  17%  32%) | oklch(0.42 0.03 258 )",
         ],
         [
           "#FFAFA3   | hsl(   8 100%  82%) | oklch(0.83 0.1   29 )",
-          "#D58F85   | hsl(   7  49%  68%) | oklch(0.72 0.09  28 )",
+          "#803B32   | hsl(   7  44%  35%) | oklch(0.44 0.1   29 )",
         ],
         [
           "#FFC470   | hsl(  35 100%  72%) | oklch(0.86 0.12  75 )",
-          "#D6A259   | hsl(  35  60%  59%) | oklch(0.75 0.11  74 )",
+          "#653F00   | hsl(  37 100%  20%) | oklch(0.4  0.09  71 )",
         ],
         [
           "#FFD966   | hsl(  45 100%  70%) | oklch(0.9  0.14  91 )",
-          "#D7B651   | hsl(  45  63%  58%) | oklch(0.79 0.13  91 )",
+          "#4A3900   | hsl(  46 100%  15%) | oklch(0.35 0.07  90 )",
         ],
         [
           "#85E0A3   | hsl( 140  59%  70%) | oklch(0.83 0.12 154 )",
-          "#6ABA85   | hsl( 140  37%  57%) | oklch(0.72 0.11 154 )",
+          "#005628   | hsl( 148 100%  17%) | oklch(0.4  0.11 152 )",
         ],
         [
           "#80CAFF   | hsl( 205 100%  75%) | oklch(0.81 0.11 241 )",
-          "#66A6D4   | hsl( 205  56%  62%) | oklch(0.7  0.09 241 )",
+          "#065580   | hsl( 201  91%  26%) | oklch(0.43 0.1  241 )",
         ],
         [
           "#D9B8FF   | hsl( 268 100%  86%) | oklch(0.84 0.1  305 )",
-          "#B497D5   | hsl( 268  42%  71%) | oklch(0.72 0.09 306 )",
+          "#583976   | hsl( 270  35%  34%) | oklch(0.41 0.1  306 )",
         ],
         [
           "#FFBDF2   | hsl( 312 100%  87%) | oklch(0.87 0.1  334 )",
-          "#D69DCB   | hsl( 312  41%  73%) | oklch(0.76 0.09 333 )",
+          "#642C5B   | hsl( 310  39%  28%) | oklch(0.39 0.1  334 )",
         ],
         [
           "#F1F2F4   | hsl( 220  12%  95%) | oklch(0.96 0    265 )",
-          "#C7C7C7   | hsl(none   0%  78%) | oklch(0.83 0    none)",
+          "#1C1D1F   | hsl( 220   5%  12%) | oklch(0.23 0    264 )",
         ],
         [
           "#FFE5E2   | hsl(   6 100%  94%) | oklch(0.94 0.03  26 )",
-          "#D7BAB6   | hsl(   7  29%  78%) | oklch(0.81 0.03  27 )",
+          "#351F1D   | hsl(   5  29%  16%) | oklch(0.27 0.03  25 )",
         ],
         [
           "#FFE9CF   | hsl(  32 100%  91%) | oklch(0.95 0.04  72 )",
-          "#D7BEA0   | hsl(  33  41%  74%) | oklch(0.82 0.05  72 )",
+          "#322109   | hsl(  35  69%  12%) | oklch(0.26 0.04  73 )",
         ],
         [
           "#FEF2CE   | hsl(  45  96%  90%) | oklch(0.96 0.05  92 )",
-          "#D5C79D   | hsl(  45  40%  73%) | oklch(0.83 0.06  92 )",
+          "#271D00   | hsl(  45 100%   8%) | oklch(0.24 0.05  91 )",
         ],
         [
           "#D7FFE5   | hsl( 141 100%  92%) | oklch(0.96 0.05 157 )",
-          "#A7D6B8   | hsl( 142  36%  75%) | oklch(0.83 0.06 157 )",
+          "#002411   | hsl( 148 100%   7%) | oklch(0.23 0.06 156 )",
         ],
         [
           "#DAEFFF   | hsl( 206 100%  93%) | oklch(0.94 0.03 241 )",
-          "#ADC5D8   | hsl( 207  36%  76%) | oklch(0.81 0.04 242 )",
+          "#132633   | hsl( 204  46%  14%) | oklch(0.26 0.03 240 )",
         ],
         [
           "#F0E3FF   | hsl( 268 100%  95%) | oklch(0.93 0.04 306 )",
-          "#C7B8D8   | hsl( 268  29%  78%) | oklch(0.81 0.05 306 )",
+          "#2D2239   | hsl( 269  25%  18%) | oklch(0.28 0.04 306 )",
         ],
         [
           "#FFE4F7   | hsl( 318 100%  95%) | oklch(0.95 0.04 336 )",
-          "#D7B8CE   | hsl( 317  28%  78%) | oklch(0.82 0.05 336 )",
+          "#341D2E   | hsl( 316  28%  16%) | oklch(0.27 0.05 337 )",
         ],
       ],
     }
@@ -245,13 +245,13 @@ test("snapshot", () => {
 
 test("preserves alpha from hex8 input", () => {
   // hex8 with 50% alpha — output must retain alpha as hex8
-  expect(darkFromLight("#F2482280", "bg")).toMatchInlineSnapshot(`"#C6503680"`);
-  expect(darkFromLight("#85E0A380", "sticker")).toMatchInlineSnapshot(`"#6ABA8580"`);
-  expect(darkFromLight("#FFE2E080", "section")).toMatchInlineSnapshot(`"#8D4D4980"`);
+  expect(darkFromLight("#F2482280", "bg")).toMatchInlineSnapshot(`"#FF755780"`);
+  expect(darkFromLight("#85E0A380", "sticker")).toMatchInlineSnapshot(`"#00562880"`);
+  expect(darkFromLight("#FFE2E080", "section")).toMatchInlineSnapshot(`"#39201F80"`);
 });
 
 test("opaque hex6 stays hex6", () => {
-  expect(darkFromLight("#F24822", "bg")).toMatchInlineSnapshot(`"#C65036"`);
-  expect(darkFromLight("#85E0A3", "sticker")).toMatchInlineSnapshot(`"#6ABA85"`);
-  expect(darkFromLight("#FFE2E0", "section")).toMatchInlineSnapshot(`"#8D4D49"`);
+  expect(darkFromLight("#F24822", "bg")).toMatchInlineSnapshot(`"#FF7557"`);
+  expect(darkFromLight("#85E0A3", "sticker")).toMatchInlineSnapshot(`"#005628"`);
+  expect(darkFromLight("#FFE2E0", "section")).toMatchInlineSnapshot(`"#39201F"`);
 });