@tangle-network/brand 1.31.2 → 1.31.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 1.31.3
+
+### Patch Changes
+
+- 2da4253: Own the categorical chart series palette in both themes so retained records, live charts and provenance graphs share one color source.
+
 ## 1.31.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/brand",
-  "version": "1.31.2",
+  "version": "1.31.3",
   "description": "Tangle brand system — design tokens, logo, Tailwind v4 theme. Single source of truth for every Tangle app.",
   "type": "module",
   "license": "MIT",

package/src/styles/legacy-light.css

@@ -1,6 +1,6 @@
 /* GENERATED by scripts/gen-compat.mjs. Do not edit.
  * Source: tokens.css + named-themes.css
- * SHA-256: fc22dd14d46adcb3da24a7c9c41cc61b2b1c3eadbd6490c628ea63e4cfb57621
+ * SHA-256: 9c796b6c0e1dc1ca46d1dd9d1e45adfb8b40bcf836198dc0e24d5afd0393f182
  * Light-default compatibility; all explicit modes remain canonical.
  */
 :where(:root),
@@ -694,6 +694,18 @@
 [data-theme] {
     --chart-ink: var(--text-primary);
     --chart-ink-muted: var(--text-dim);
+    --chart-series-1: var(--chart-accent);
+    --chart-series-2: light-dark(#2a7fa8, #6cc0e8);
+    --chart-series-3: light-dark(#7b4fc0, #b99af0);
+    --chart-series-4: light-dark(#1f7f88, #5fc2c9);
+    --chart-series-5: light-dark(#a8418f, #e58ccf);
+    --chart-series-6: light-dark(#5a6ad8, #8fa4ff);
+    --chart-series-7: light-dark(#45507a, #c0c4dc);
+    --chart-series-8: var(--text-muted);
+    --chart-category-1: light-dark(#2a78d6, #3987e5);
+    --chart-category-2: light-dark(#eb6834, #d95926);
+    --chart-category-3: light-dark(#1baf7a, #199e70);
+    --chart-category-other: var(--text-muted);
     --chart-muted: var(--md3-outline);
     --chart-grid: var(--md3-surface-container-high);
     --chart-rule: var(--md3-outline-variant);
@@ -1895,4 +1907,5 @@
     --color-primary: hsl(var(--primary));
     --color-primary-foreground: hsl(var(--primary-foreground));
     --color-ring: hsl(var(--ring));
+    --chart-series-1: var(--chart-accent);
 }

package/src/styles/named-themes.css

@@ -473,6 +473,7 @@
   --color-primary: hsl(var(--primary));
   --color-primary-foreground: hsl(var(--primary-foreground));
   --color-ring: hsl(var(--ring));
+  --chart-series-1: var(--chart-accent);
 }
 /* accent-scopes:end */
 /* palette:end */

package/src/styles/tokens.css

@@ -1,5 +1,5 @@
 /* palette:begin — generated by scripts/gen-ladders.mjs; edit palette.mjs or palette-template.css. */
-/* Palette layout only. Colour inputs live in palette.mjs; gen-ladders.mjs writes the public stylesheets. */
+/* Theme roles derive from palette.mjs; fixed categorical chart pairs live here. gen-ladders.mjs writes the public stylesheets. */
 :root,
 [data-sandbox-ui],
 [data-sandbox-theme="vault"],
@@ -524,6 +524,12 @@
 [data-sandbox-theme],
 [data-theme] {
   --chart-ink: var(--text-primary); --chart-ink-muted: var(--text-dim);
+  --chart-series-1: var(--chart-accent); --chart-series-2: light-dark(#2a7fa8, #6cc0e8);
+  --chart-series-3: light-dark(#7b4fc0, #b99af0); --chart-series-4: light-dark(#1f7f88, #5fc2c9);
+  --chart-series-5: light-dark(#a8418f, #e58ccf); --chart-series-6: light-dark(#5a6ad8, #8fa4ff);
+  --chart-series-7: light-dark(#45507a, #c0c4dc); --chart-series-8: var(--text-muted);
+  --chart-category-1: light-dark(#2a78d6, #3987e5); --chart-category-2: light-dark(#eb6834, #d95926);
+  --chart-category-3: light-dark(#1baf7a, #199e70); --chart-category-other: var(--text-muted);
   --chart-muted: var(--md3-outline); --chart-grid: var(--md3-surface-container-high);
   --chart-rule: var(--md3-outline-variant); --chart-shade: var(--bg-hover);
   --chart-accent: var(--brand-cool); --chart-tier-c: hsl(246.1017 55.1402% 41.9608%);