Improve invalid illegal tokens #1281

lukasoppermann · 2025-12-11T09:24:03Z

Summary

Improve invalid illegal tokens

List of notable changes:

What should reviewers focus on?

Steps to test:

changeset-bot · 2025-12-11T09:24:06Z

🦋 Changeset detected

Latest commit: 06d8caf

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/primitives	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

github-actions · 2025-12-11T09:26:10Z

Design Token Diff (CSS)

/css/functional/themes/dark-colorblind-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind-high-contrast.css	2025-12-11 12:01:33.725000876 +0000
@@ -125,8 +125,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #addcff;
 --color-prettylights-syntax-entity: #dbb7ff;
 --color-prettylights-syntax-entity-tag: #addcff;
-  --color-prettylights-syntax-invalid-illegal-bg: #bf5e0a;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
 --color-prettylights-syntax-keyword: #fe9a2d;
 --color-prettylights-syntax-markup-bold: #f0f6fc;
 --color-prettylights-syntax-markup-changed-bg: #a74c00;
@@ -719,6 +717,8 @@
 --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
 --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
 --color-ansi-white-bright: #ffffff;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --contribution-default-bgColor-0: #010409;
 --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
@@ -1023,8 +1023,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #addcff;
   --color-prettylights-syntax-entity: #dbb7ff;
   --color-prettylights-syntax-entity-tag: #addcff;
-    --color-prettylights-syntax-invalid-illegal-bg: #bf5e0a;
-    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
   --color-prettylights-syntax-keyword: #fe9a2d;
   --color-prettylights-syntax-markup-bold: #f0f6fc;
   --color-prettylights-syntax-markup-changed-bg: #a74c00;
@@ -1617,6 +1615,8 @@
   --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
   --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
   --color-ansi-white-bright: #ffffff;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --contribution-default-bgColor-0: #010409;
   --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);

/css/functional/themes/dark-colorblind.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2025-12-11 12:01:32.049991150 +0000
@@ -118,8 +118,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
 --color-prettylights-syntax-entity: #d2a8ff;
 --color-prettylights-syntax-entity-tag: #a5d6ff;
-  --color-prettylights-syntax-invalid-illegal-bg: #762d0a;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
 --color-prettylights-syntax-keyword: #f0883e;
 --color-prettylights-syntax-markup-bold: #f0f6fc;
 --color-prettylights-syntax-markup-changed-bg: #5a1e02;
@@ -752,6 +750,8 @@
 --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --color-ansi-white-bright: #ffffff;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
@@ -1016,8 +1016,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-prettylights-syntax-entity: #d2a8ff;
   --color-prettylights-syntax-entity-tag: #a5d6ff;
-    --color-prettylights-syntax-invalid-illegal-bg: #762d0a;
-    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
   --color-prettylights-syntax-keyword: #f0883e;
   --color-prettylights-syntax-markup-bold: #f0f6fc;
   --color-prettylights-syntax-markup-changed-bg: #5a1e02;
@@ -1650,6 +1648,8 @@
   --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --color-ansi-white-bright: #ffffff;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);

/css/functional/themes/dark-dimmed-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-dimmed-high-contrast.css	2025-12-11 12:01:27.335963189 +0000
@@ -129,8 +129,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
 --color-prettylights-syntax-entity: #dcbdfb;
 --color-prettylights-syntax-entity-tag: #8ddb8c;
-  --color-prettylights-syntax-invalid-illegal-bg: #922323;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
 --color-prettylights-syntax-keyword: #f47067;
 --color-prettylights-syntax-markup-bold: #f0f6fc;
 --color-prettylights-syntax-markup-changed-bg: #682d0f;
@@ -739,6 +737,8 @@
 --codeMirror-lines-bgColor: var(--bgColor-default);
 --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
 --color-ansi-white-bright: #cdd9e5;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
@@ -1027,8 +1027,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
   --color-prettylights-syntax-entity: #dcbdfb;
   --color-prettylights-syntax-entity-tag: #8ddb8c;
-    --color-prettylights-syntax-invalid-illegal-bg: #922323;
-    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
   --color-prettylights-syntax-keyword: #f47067;
   --color-prettylights-syntax-markup-bold: #f0f6fc;
   --color-prettylights-syntax-markup-changed-bg: #682d0f;
@@ -1637,6 +1635,8 @@
   --codeMirror-lines-bgColor: var(--bgColor-default);
   --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
   --color-ansi-white-bright: #cdd9e5;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);

/css/functional/themes/dark-dimmed.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-dimmed.css	2025-12-11 12:01:25.761953147 +0000
@@ -130,8 +130,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
 --color-prettylights-syntax-entity: #dcbdfb;
 --color-prettylights-syntax-entity-tag: #8ddb8c;
-  --color-prettylights-syntax-invalid-illegal-bg: #922323;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
 --color-prettylights-syntax-keyword: #f47067;
 --color-prettylights-syntax-markup-bold: #f0f6fc;
 --color-prettylights-syntax-markup-changed-bg: #682d0f;
@@ -774,6 +772,8 @@
 --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --color-ansi-white-bright: #cdd9e5;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
@@ -1028,8 +1028,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
   --color-prettylights-syntax-entity: #dcbdfb;
   --color-prettylights-syntax-entity-tag: #8ddb8c;
-    --color-prettylights-syntax-invalid-illegal-bg: #922323;
-    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
   --color-prettylights-syntax-keyword: #f47067;
   --color-prettylights-syntax-markup-bold: #f0f6fc;
   --color-prettylights-syntax-markup-changed-bg: #682d0f;
@@ -1672,6 +1670,8 @@
   --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --color-ansi-white-bright: #cdd9e5;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);

/css/functional/themes/dark-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2025-12-11 12:01:35.331010202 +0000
@@ -123,8 +123,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #addcff;
 --color-prettylights-syntax-entity: #dbb7ff;
 --color-prettylights-syntax-entity-tag: #72f088;
-  --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
 --color-prettylights-syntax-keyword: #ff9492;
 --color-prettylights-syntax-markup-bold: #f0f6fc;
 --color-prettylights-syntax-markup-changed-bg: #a74c00;
@@ -717,6 +715,8 @@
 --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
 --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
 --color-ansi-white-bright: #ffffff;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --contribution-default-bgColor-0: #010409;
 --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
@@ -1021,8 +1021,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #addcff;
   --color-prettylights-syntax-entity: #dbb7ff;
   --color-prettylights-syntax-entity-tag: #72f088;
-    --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
-    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
   --color-prettylights-syntax-keyword: #ff9492;
   --color-prettylights-syntax-markup-bold: #f0f6fc;
   --color-prettylights-syntax-markup-changed-bg: #a74c00;
@@ -1615,6 +1613,8 @@
   --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
   --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
   --color-ansi-white-bright: #ffffff;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --contribution-default-bgColor-0: #010409;
   --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);

/css/functional/themes/dark-tritanopia-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia-high-contrast.css	2025-12-11 12:01:30.494982121 +0000
@@ -126,8 +126,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #addcff;
 --color-prettylights-syntax-entity: #dbb7ff;
 --color-prettylights-syntax-entity-tag: #addcff;
-  --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
 --color-prettylights-syntax-keyword: #ff9492;
 --color-prettylights-syntax-markup-bold: #f0f6fc;
 --color-prettylights-syntax-markup-changed-bg: #cc1421;
@@ -719,6 +717,8 @@
 --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
 --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
 --color-ansi-white-bright: #ffffff;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --contribution-default-bgColor-0: #010409;
 --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
@@ -1024,8 +1024,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #addcff;
   --color-prettylights-syntax-entity: #dbb7ff;
   --color-prettylights-syntax-entity-tag: #addcff;
-    --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
-    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
   --color-prettylights-syntax-keyword: #ff9492;
   --color-prettylights-syntax-markup-bold: #f0f6fc;
   --color-prettylights-syntax-markup-changed-bg: #cc1421;
@@ -1617,6 +1615,8 @@
   --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
   --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
   --color-ansi-white-bright: #ffffff;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --contribution-default-bgColor-0: #010409;
   --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);

/css/functional/themes/dark-tritanopia.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2025-12-11 12:01:28.909972918 +0000
@@ -122,8 +122,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
 --color-prettylights-syntax-entity: #d2a8ff;
 --color-prettylights-syntax-entity-tag: #a5d6ff;
-  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
 --color-prettylights-syntax-keyword: #ff7b72;
 --color-prettylights-syntax-markup-bold: #f0f6fc;
 --color-prettylights-syntax-markup-changed-bg: #67060c;
@@ -753,6 +751,8 @@
 --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --color-ansi-white-bright: #ffffff;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
@@ -1020,8 +1020,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-prettylights-syntax-entity: #d2a8ff;
   --color-prettylights-syntax-entity-tag: #a5d6ff;
-    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
-    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
   --color-prettylights-syntax-keyword: #ff7b72;
   --color-prettylights-syntax-markup-bold: #f0f6fc;
   --color-prettylights-syntax-markup-changed-bg: #67060c;
@@ -1651,6 +1649,8 @@
   --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --color-ansi-white-bright: #ffffff;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);

/css/functional/themes/dark.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css	2025-12-11 12:01:24.207943233 +0000
@@ -116,8 +116,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
 --color-prettylights-syntax-entity: #d2a8ff;
 --color-prettylights-syntax-entity-tag: #7ee787;
-  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
 --color-prettylights-syntax-keyword: #ff7b72;
 --color-prettylights-syntax-markup-bold: #f0f6fc;
 --color-prettylights-syntax-markup-changed-bg: #5a1e02;
@@ -748,6 +746,8 @@
 --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --color-ansi-white-bright: #ffffff;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
 --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
@@ -1014,8 +1014,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-prettylights-syntax-entity: #d2a8ff;
   --color-prettylights-syntax-entity-tag: #7ee787;
-    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
-    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
   --color-prettylights-syntax-keyword: #ff7b72;
   --color-prettylights-syntax-markup-bold: #f0f6fc;
   --color-prettylights-syntax-markup-changed-bg: #5a1e02;
@@ -1646,6 +1644,8 @@
   --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --color-ansi-white-bright: #ffffff;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
   --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);

/css/functional/themes/light-colorblind-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind-high-contrast.css	2025-12-11 12:01:21.051923098 +0000
@@ -114,8 +114,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #032563;
 --color-prettylights-syntax-entity: #512598;
 --color-prettylights-syntax-entity-tag: #023b95;
-  --color-prettylights-syntax-invalid-illegal-bg: #5b2300;
-  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
 --color-prettylights-syntax-keyword: #873800;
 --color-prettylights-syntax-markup-changed-bg: #ffc67b;
 --color-prettylights-syntax-markup-changed-text: #702c00;
@@ -727,6 +725,8 @@
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --codeMirror-syntax-fgColor-comment: #010409;
 --color-ansi-black: #010409;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --color-prettylights-syntax-markup-bold: #010409;
 --color-prettylights-syntax-markup-italic: #010409;
 --color-prettylights-syntax-storage-modifier-import: #010409;
@@ -1012,8 +1012,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #032563;
   --color-prettylights-syntax-entity: #512598;
   --color-prettylights-syntax-entity-tag: #023b95;
-    --color-prettylights-syntax-invalid-illegal-bg: #5b2300;
-    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
   --color-prettylights-syntax-keyword: #873800;
   --color-prettylights-syntax-markup-changed-bg: #ffc67b;
   --color-prettylights-syntax-markup-changed-text: #702c00;
@@ -1625,6 +1623,8 @@
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --codeMirror-syntax-fgColor-comment: #010409;
   --color-ansi-black: #010409;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-markup-bold: #010409;
   --color-prettylights-syntax-markup-italic: #010409;
   --color-prettylights-syntax-storage-modifier-import: #010409;

/css/functional/themes/light-colorblind.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind.css	2025-12-11 12:01:19.468913621 +0000
@@ -105,8 +105,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #0a3069;
 --color-prettylights-syntax-entity: #6639ba;
 --color-prettylights-syntax-entity-tag: #0550ae;
-  --color-prettylights-syntax-invalid-illegal-bg: #762c00;
-  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
 --color-prettylights-syntax-keyword: #bc4c00;
 --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
 --color-prettylights-syntax-markup-changed-text: #953800;
@@ -742,6 +740,8 @@
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --codeMirror-syntax-fgColor-comment: #1f2328;
 --color-ansi-black: #1f2328;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --color-prettylights-syntax-markup-bold: #1f2328;
 --color-prettylights-syntax-markup-italic: #1f2328;
 --color-prettylights-syntax-storage-modifier-import: #1f2328;
@@ -1003,8 +1003,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-prettylights-syntax-entity: #6639ba;
   --color-prettylights-syntax-entity-tag: #0550ae;
-    --color-prettylights-syntax-invalid-illegal-bg: #762c00;
-    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
   --color-prettylights-syntax-keyword: #bc4c00;
   --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
   --color-prettylights-syntax-markup-changed-text: #953800;
@@ -1640,6 +1638,8 @@
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --codeMirror-syntax-fgColor-comment: #1f2328;
   --color-ansi-black: #1f2328;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-markup-bold: #1f2328;
   --color-prettylights-syntax-markup-italic: #1f2328;
   --color-prettylights-syntax-storage-modifier-import: #1f2328;

/css/functional/themes/light-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-high-contrast.css	2025-12-11 12:01:22.672933440 +0000
@@ -111,8 +111,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #032563;
 --color-prettylights-syntax-entity: #512598;
 --color-prettylights-syntax-entity-tag: #023b95;
-  --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
-  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
 --color-prettylights-syntax-keyword: #a0111f;
 --color-prettylights-syntax-markup-changed-bg: #ffc67b;
 --color-prettylights-syntax-markup-changed-text: #702c00;
@@ -724,6 +722,8 @@
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --codeMirror-syntax-fgColor-comment: #010409;
 --color-ansi-black: #010409;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --color-prettylights-syntax-markup-bold: #010409;
 --color-prettylights-syntax-markup-italic: #010409;
 --color-prettylights-syntax-storage-modifier-import: #010409;
@@ -1009,8 +1009,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #032563;
   --color-prettylights-syntax-entity: #512598;
   --color-prettylights-syntax-entity-tag: #023b95;
-    --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
-    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
   --color-prettylights-syntax-keyword: #a0111f;
   --color-prettylights-syntax-markup-changed-bg: #ffc67b;
   --color-prettylights-syntax-markup-changed-text: #702c00;
@@ -1622,6 +1620,8 @@
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --codeMirror-syntax-fgColor-comment: #010409;
   --color-ansi-black: #010409;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-markup-bold: #010409;
   --color-prettylights-syntax-markup-italic: #010409;
   --color-prettylights-syntax-storage-modifier-import: #010409;

/css/functional/themes/light-tritanopia-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia-high-contrast.css	2025-12-11 12:01:17.804904179 +0000
@@ -115,8 +115,6 @@
 --color-prettylights-syntax-constant-other-reference-link: #032563;
 --color-prettylights-syntax-entity: #512598;
 --color-prettylights-syntax-entity-tag: #023b95;
-  --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
-  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
 --color-prettylights-syntax-keyword: #a0111f;
 --color-prettylights-syntax-markup-changed-bg: #ffc1bc;
 --color-prettylights-syntax-markup-changed-text: #86061d;
@@ -727,6 +725,8 @@
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --codeMirror-syntax-fgColor-comment: #010409;
 --color-ansi-black: #010409;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --color-prettylights-syntax-markup-bold: #010409;
 --color-prettylights-syntax-markup-italic: #010409;
 --color-prettylights-syntax-storage-modifier-import: #010409;
@@ -1013,8 +1013,6 @@
   --color-prettylights-syntax-constant-other-reference-link: #032563;
   --color-prettylights-syntax-entity: #512598;
   --color-prettylights-syntax-entity-tag: #023b95;
-    --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
-    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
   --color-prettylights-syntax-keyword: #a0111f;
   --color-prettylights-syntax-markup-changed-bg: #ffc1bc;
   --color-prettylights-syntax-markup-changed-text: #86061d;
@@ -1625,6 +1623,8 @@
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --codeMirror-syntax-fgColor-comment: #010409;
   --color-ansi-black: #010409;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-markup-bold: #010409;
   --color-prettylights-syntax-markup-italic: #010409;
   --color-prettylights-syntax-storage-modifier-import: #010409;

/css/functional/themes/light-tritanopia.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia.css	2025-12-11 12:01:16.123894641 +0000
@@ -109,8 +109,7 @@
 --color-prettylights-syntax-constant-other-reference-link: #0a3069;
 --color-prettylights-syntax-entity: #6639ba;
 --color-prettylights-syntax-entity-tag: #0550ae;
-  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
-  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --color-prettylights-syntax-keyword: #cf222e;
 --color-prettylights-syntax-markup-changed-bg: #ffcecb;
 --color-prettylights-syntax-markup-changed-text: #a40e26;
@@ -745,6 +744,7 @@
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --codeMirror-syntax-fgColor-comment: #1f2328;
 --color-ansi-black: #1f2328;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
 --color-prettylights-syntax-markup-bold: #1f2328;
 --color-prettylights-syntax-markup-italic: #1f2328;
 --color-prettylights-syntax-storage-modifier-import: #1f2328;
@@ -1007,8 +1007,7 @@
   --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-prettylights-syntax-entity: #6639ba;
   --color-prettylights-syntax-entity-tag: #0550ae;
-    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
-    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-keyword: #cf222e;
   --color-prettylights-syntax-markup-changed-bg: #ffcecb;
   --color-prettylights-syntax-markup-changed-text: #a40e26;
@@ -1643,6 +1642,7 @@
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --codeMirror-syntax-fgColor-comment: #1f2328;
   --color-ansi-black: #1f2328;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
   --color-prettylights-syntax-markup-bold: #1f2328;
   --color-prettylights-syntax-markup-italic: #1f2328;
   --color-prettylights-syntax-storage-modifier-import: #1f2328;

/css/functional/themes/light.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light.css	2025-12-11 12:01:12.787838903 +0000
@@ -107,8 +107,7 @@
 --color-prettylights-syntax-constant-other-reference-link: #0a3069;
 --color-prettylights-syntax-entity: #6639ba;
 --color-prettylights-syntax-entity-tag: #0550ae;
-  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
-  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
 --color-prettylights-syntax-keyword: #cf222e;
 --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
 --color-prettylights-syntax-markup-changed-text: #953800;
@@ -743,6 +742,7 @@
 --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
 --codeMirror-syntax-fgColor-comment: #1f2328;
 --color-ansi-black: #1f2328;
+  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
 --color-prettylights-syntax-markup-bold: #1f2328;
 --color-prettylights-syntax-markup-italic: #1f2328;
 --color-prettylights-syntax-storage-modifier-import: #1f2328;
@@ -1005,8 +1005,7 @@
   --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-prettylights-syntax-entity: #6639ba;
   --color-prettylights-syntax-entity-tag: #0550ae;
-    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
-    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-keyword: #cf222e;
   --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
   --color-prettylights-syntax-markup-changed-text: #953800;
@@ -1641,6 +1640,7 @@
   --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
   --codeMirror-syntax-fgColor-comment: #1f2328;
   --color-ansi-black: #1f2328;
+    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
   --color-prettylights-syntax-markup-bold: #1f2328;
   --color-prettylights-syntax-markup-italic: #1f2328;
   --color-prettylights-syntax-storage-modifier-import: #1f2328;

github-actions · 2025-12-11T09:26:11Z

Design Token Diff (StyleLint)

/styleLint/functional/themes/dark-colorblind-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json	2025-12-11 12:01:33.726000882 +0000
@@ -13942,37 +13942,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#bf5e0a",
+    "$value": "#ff80801a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#e82a2f",
-        "dark-protanopia-deuteranopia": "#bf5e0a",
-        "dark-protanopia-deuteranopia-high-contrast": "#bf5e0a",
-        "light-protanopia-deuteranopia": "#bf5e0a",
-        "light-protanopia-deuteranopia-high-contrast": "#bf5e0a"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.orange.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13983,29 +13969,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f0f6fc",
+    "$value": "#ffb757",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f6fc"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.12}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/dark-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2025-12-11 12:01:32.050991156 +0000
@@ -13938,37 +13938,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#762d0a",
+    "$value": "#db6d281a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#8e1519",
-        "dark-protanopia-deuteranopia": "#762d0a",
-        "dark-protanopia-deuteranopia-high-contrast": "#762d0a",
-        "light-protanopia-deuteranopia": "#762d0a",
-        "light-protanopia-deuteranopia-high-contrast": "#762d0a"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.orange.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13979,29 +13965,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f0f6fc",
+    "$value": "#f0883e",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f6fc"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.12}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/dark-dimmed-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json	2025-12-11 12:01:27.337963202 +0000
@@ -13930,37 +13930,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#922323",
+    "$value": "#e5534b1a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#922323",
-        "dark-protanopia-deuteranopia": "#7f3913",
-        "dark-protanopia-deuteranopia-high-contrast": "#7f3913",
-        "light-protanopia-deuteranopia": "#7f3913",
-        "light-protanopia-deuteranopia-high-contrast": "#7f3913"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13971,29 +13957,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f0f6fc",
+    "$value": "#ffb8b0",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f6fc"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.12}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/dark-dimmed.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2025-12-11 12:01:25.763953160 +0000
@@ -13928,37 +13928,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#922323",
+    "$value": "#e5534b1a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#922323",
-        "dark-protanopia-deuteranopia": "#7f3913",
-        "dark-protanopia-deuteranopia-high-contrast": "#7f3913",
-        "light-protanopia-deuteranopia": "#7f3913",
-        "light-protanopia-deuteranopia-high-contrast": "#7f3913"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13969,29 +13955,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f0f6fc",
+    "$value": "#e5534b",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f6fc"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.12}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/dark-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2025-12-11 12:01:35.333010213 +0000
@@ -13934,37 +13934,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#e82a2f",
+    "$value": "#ff80801a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#e82a2f",
-        "dark-protanopia-deuteranopia": "#bf5e0a",
-        "dark-protanopia-deuteranopia-high-contrast": "#bf5e0a",
-        "light-protanopia-deuteranopia": "#bf5e0a",
-        "light-protanopia-deuteranopia-high-contrast": "#bf5e0a"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13975,29 +13961,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f0f6fc",
+    "$value": "#ff9492",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f6fc"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.12}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/dark-tritanopia-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json	2025-12-11 12:01:30.495982127 +0000
@@ -13938,37 +13938,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#e82a2f",
+    "$value": "#ff80801a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#e82a2f",
-        "dark-protanopia-deuteranopia": "#bf5e0a",
-        "dark-protanopia-deuteranopia-high-contrast": "#bf5e0a",
-        "light-protanopia-deuteranopia": "#bf5e0a",
-        "light-protanopia-deuteranopia-high-contrast": "#bf5e0a"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13979,29 +13965,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f0f6fc",
+    "$value": "#ff9492",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f6fc"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.12}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/dark-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2025-12-11 12:01:28.911972930 +0000
@@ -13938,37 +13938,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#8e1519",
+    "$value": "#f851491a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#8e1519",
-        "dark-protanopia-deuteranopia": "#762d0a",
-        "dark-protanopia-deuteranopia-high-contrast": "#762d0a",
-        "light-protanopia-deuteranopia": "#762d0a",
-        "light-protanopia-deuteranopia-high-contrast": "#762d0a"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13979,29 +13965,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f0f6fc",
+    "$value": "#f85149",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f6fc"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.12}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/dark.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2025-12-11 12:01:24.208943239 +0000
@@ -13926,37 +13926,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#8e1519",
+    "$value": "#f851491a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#8e1519",
-        "dark-protanopia-deuteranopia": "#762d0a",
-        "dark-protanopia-deuteranopia-high-contrast": "#762d0a",
-        "light-protanopia-deuteranopia": "#762d0a",
-        "light-protanopia-deuteranopia-high-contrast": "#762d0a"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13967,29 +13953,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f0f6fc",
+    "$value": "#f85149",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f6fc"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.12}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/light-colorblind-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind-high-contrast.json	2025-12-11 12:01:21.052923104 +0000
@@ -13916,37 +13916,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#5b2300",
+    "$value": "#fff2d5",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#6e011a",
-        "dark-protanopia-deuteranopia": "#5b2300",
-        "dark-protanopia-deuteranopia-high-contrast": "#5b2300",
-        "light-protanopia-deuteranopia": "#5b2300",
-        "light-protanopia-deuteranopia-high-contrast": "#5b2300"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.orange.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13957,29 +13943,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f6f8fa",
+    "$value": "#702c00",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#25292e"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.1}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/light-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2025-12-11 12:01:19.469913626 +0000
@@ -13914,37 +13914,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#762c00",
+    "$value": "#fff1e5",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#82071e",
-        "dark-protanopia-deuteranopia": "#762c00",
-        "dark-protanopia-deuteranopia-high-contrast": "#762c00",
-        "light-protanopia-deuteranopia": "#762c00",
-        "light-protanopia-deuteranopia-high-contrast": "#762c00"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.orange.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13955,29 +13941,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f6f8fa",
+    "$value": "#bc4c00",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#25292e"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.1}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/light-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-high-contrast.json	2025-12-11 12:01:22.674933452 +0000
@@ -13910,37 +13910,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#6e011a",
+    "$value": "#fff0ee",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#6e011a",
-        "dark-protanopia-deuteranopia": "#5b2300",
-        "dark-protanopia-deuteranopia-high-contrast": "#5b2300",
-        "light-protanopia-deuteranopia": "#5b2300",
-        "light-protanopia-deuteranopia-high-contrast": "#5b2300"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13951,29 +13937,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f6f8fa",
+    "$value": "#86061d",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#25292e"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.1}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/light-tritanopia-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json	2025-12-11 12:01:17.805904184 +0000
@@ -13916,37 +13916,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#6e011a",
+    "$value": "#fff0ee",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#6e011a",
-        "dark-protanopia-deuteranopia": "#5b2300",
-        "dark-protanopia-deuteranopia-high-contrast": "#5b2300",
-        "light-protanopia-deuteranopia": "#5b2300",
-        "light-protanopia-deuteranopia-high-contrast": "#5b2300"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13957,29 +13943,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f6f8fa",
+    "$value": "#86061d",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#25292e"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.1}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/light-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2025-12-11 12:01:16.124894646 +0000
@@ -13914,37 +13914,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#82071e",
+    "$value": "#ffebe9",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#82071e",
-        "dark-protanopia-deuteranopia": "#762c00",
-        "dark-protanopia-deuteranopia-high-contrast": "#762c00",
-        "light-protanopia-deuteranopia": "#762c00",
-        "light-protanopia-deuteranopia-high-contrast": "#762c00"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13955,29 +13941,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f6f8fa",
+    "$value": "#d1242f",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#25292e"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.1}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

/styleLint/functional/themes/light.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light.json	2025-12-11 12:01:14.346884558 +0000
@@ -13908,37 +13908,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-bg": {
   "key": "{color.prettylights.syntax.invalid.illegal.bg}",
-    "$value": "#82071e",
+    "$value": "#ffebe9",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#82071e",
-        "dark-protanopia-deuteranopia": "#762c00",
-        "dark-protanopia-deuteranopia-high-contrast": "#762c00",
-        "light-protanopia-deuteranopia": "#762c00",
-        "light-protanopia-deuteranopia-high-contrast": "#762c00"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.7}",
+      "$value": "{bgColor.danger.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.red.7}",
-          "dark-protanopia-deuteranopia": "{base.color.orange.7}",
-          "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia": "{base.color.orange.7}",
-          "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.bg}"
@@ -13949,29 +13935,23 @@
 },
 "color-prettylights-syntax-invalid-illegal-text": {
   "key": "{color.prettylights.syntax.invalid.illegal.text}",
-    "$value": "#f6f8fa",
+    "$value": "#d1242f",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
       "collection": "mode",
       "group": "syntax"
-      },
-      "org.primer.overrides": {
-        "dark": "#25292e"
     }
   },
   "filePath": "src/tokens/functional/color/syntax.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.neutral.1}",
+      "$value": "{fgColor.danger}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "syntax"
-        },
-        "org.primer.overrides": {
-          "dark": "{base.color.neutral.12}"
       }
     },
     "key": "{color.prettylights.syntax.invalid.illegal.text}"

github-actions · 2025-12-11T09:26:12Z

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2025-12-11 12:01:41.324045395 +0000
@@ -8869,13 +8869,13 @@
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
     "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "g": 0.5333333333333333,
+      "b": 0.24313725490196078,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/dark/base/color/neutral/12",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "syntax",
@@ -8884,14 +8884,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.4627450980392157,
-      "g": 0.17647058823529413,
-      "b": 0.0392156862745098,
-      "a": 1
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/dark/base/color/orange/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "syntax",

/figma/themes/dark-dimmed.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-dimmed.json	2025-12-11 12:01:40.604041157 +0000
@@ -8861,14 +8861,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8980392156862745,
+      "g": 0.3254901960784314,
+      "b": 0.29411764705882354,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/dark/base/color/neutral/12",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "dark dimmed",
   "group": "syntax",
@@ -8877,14 +8877,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.5725490196078431,
-      "g": 0.13725490196078433,
-      "b": 0.13725490196078433,
-      "a": 1
+      "r": 0.8980392156862745,
+      "g": 0.3254901960784314,
+      "b": 0.29411764705882354,
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/dark-dimmed/base/color/red/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "dark dimmed",
   "group": "syntax",

/figma/themes/dark-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-high-contrast.json	2025-12-11 12:01:41.695047579 +0000
@@ -8857,14 +8857,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 1,
+      "g": 0.5803921568627451,
+      "b": 0.5725490196078431,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/dark/base/color/neutral/12",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "dark high contrast",
   "group": "syntax",
@@ -8873,14 +8873,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.9098039215686274,
-      "g": 0.16470588235294117,
-      "b": 0.1843137254901961,
-      "a": 1
+      "r": 1,
+      "g": 0.5019607843137255,
+      "b": 0.5019607843137255,
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/dark-high-contrast/base/color/red/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "dark high contrast",
   "group": "syntax",

/figma/themes/dark-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-tritanopia.json	2025-12-11 12:01:40.955043223 +0000
@@ -8867,14 +8867,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/dark/base/color/neutral/12",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "dark tritanopia",
   "group": "syntax",
@@ -8883,14 +8883,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.5568627450980392,
-      "g": 0.08235294117647059,
-      "b": 0.09803921568627451,
-      "a": 1
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/dark/base/color/red/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "dark tritanopia",
   "group": "syntax",

/figma/themes/dark.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark.json	2025-12-11 12:01:40.255039103 +0000
@@ -8862,14 +8862,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/dark/base/color/neutral/12",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "dark",
   "group": "syntax",
@@ -8878,14 +8878,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.5568627450980392,
-      "g": 0.08235294117647059,
-      "b": 0.09803921568627451,
-      "a": 1
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/dark/base/color/red/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "dark",
   "group": "syntax",

/figma/themes/light-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-colorblind.json	2025-12-11 12:01:39.466034458 +0000
@@ -8859,14 +8859,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 0.7372549019607844,
+      "g": 0.2980392156862745,
+      "b": 0,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/light/base/color/neutral/1",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "syntax",
@@ -8875,14 +8875,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.4627450980392157,
-      "g": 0.17254901960784313,
-      "b": 0,
+      "r": 1,
+      "g": 0.9450980392156862,
+      "b": 0.8980392156862745,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/light/base/color/orange/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "syntax",

/figma/themes/light-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-high-contrast.json	2025-12-11 12:01:39.849036713 +0000
@@ -8852,14 +8852,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 0.5254901960784314,
+      "g": 0.023529411764705882,
+      "b": 0.11372549019607843,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/light/base/color/neutral/1",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "light high contrast",
   "group": "syntax",
@@ -8868,14 +8868,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.43137254901960786,
-      "g": 0.00392156862745098,
-      "b": 0.10196078431372549,
+      "r": 1,
+      "g": 0.9411764705882353,
+      "b": 0.9333333333333333,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/light-high-contrast/base/color/red/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "light high contrast",
   "group": "syntax",

/figma/themes/light-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-tritanopia.json	2025-12-11 12:01:39.105032333 +0000
@@ -8858,14 +8858,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/light/base/color/neutral/1",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "syntax",
@@ -8874,14 +8874,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.5098039215686274,
-      "g": 0.027450980392156862,
-      "b": 0.11764705882352941,
+      "r": 1,
+      "g": 0.9215686274509803,
+      "b": 0.9137254901960784,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/light/base/color/red/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "syntax",

/figma/themes/light.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light.json	2025-12-11 12:01:38.679029826 +0000
@@ -8854,14 +8854,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/text",
   "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/light/base/color/neutral/1",
+    "reference": "mode/fgColor/danger",
   "collection": "mode",
   "mode": "light",
   "group": "syntax",
@@ -8870,14 +8870,14 @@
 {
   "name": "color/prettylights/syntax/invalid/illegal/bg",
   "value": {
-      "r": 0.5098039215686274,
-      "g": 0.027450980392156862,
-      "b": 0.11764705882352941,
+      "r": 1,
+      "g": 0.9215686274509803,
+      "b": 0.9137254901960784,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/color/prettylights/syntax/invalid/illegal/bg",
-    "reference": "base/color/light/base/color/red/7",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "light",
   "group": "syntax",

Copilot

Pull request overview

This PR refactors the invalid.illegal syntax tokens to use semantic color tokens instead of direct base color references. This change consolidates color override logic into the semantic token layer, improving maintainability and consistency across the design system.

Key changes:

Replaced direct base color references with semantic tokens (fgColor.danger and bgColor.danger.muted)
Removed redundant local overrides that are now handled by the semantic tokens themselves
Added changeset documenting the improvement

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
src/tokens/functional/color/syntax.json5	Updated invalid.illegal.text and invalid.illegal.bg tokens to use semantic danger tokens and removed redundant override configurations
.changeset/sour-needles-prove.md	Added changeset entry documenting the improvement to invalid.illegal tokens

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

improve invalid illegal tokens

e3263a5

Copilot AI review requested due to automatic review settings December 11, 2025 09:24

lukasoppermann requested review from a team as code owners December 11, 2025 09:24

lukasoppermann requested a review from jonrohan December 11, 2025 09:24

Copilot started reviewing on behalf of lukasoppermann December 11, 2025 09:24 View session

lukasoppermann temporarily deployed to github-pages December 11, 2025 09:25 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 11, 2025 09:26 Inactive

Copilot AI reviewed Dec 11, 2025

View reviewed changes

add storybook story

db14efd

lukasoppermann temporarily deployed to github-pages December 11, 2025 10:12 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 11, 2025 10:12 Inactive

fix format

94b42a3

lukasoppermann temporarily deployed to github-pages December 11, 2025 10:29 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 11, 2025 10:29 Inactive

lukasoppermann added the update snapshots Update visual regression test snapshots label Dec 11, 2025

github-actions[bot] Regenerated snapshots

06d8caf

github-actions bot removed the update snapshots Update visual regression test snapshots label Dec 11, 2025

primer bot deployed to github-pages December 11, 2025 12:02 View deployment

github-actions bot temporarily deployed to Preview (Storybook) December 11, 2025 12:02 Inactive

lukasoppermann merged commit 49baecd into main Dec 11, 2025
29 checks passed

lukasoppermann deleted the syntax-invalid branch December 11, 2025 15:01

primer bot mentioned this pull request Dec 11, 2025

Release Tracking #1282

Merged

Improve invalid illegal tokens #1281

Improve invalid illegal tokens #1281

Uh oh!

Conversation

lukasoppermann commented Dec 11, 2025

Summary

List of notable changes:

What should reviewers focus on?

Steps to test:

Uh oh!

changeset-bot bot commented Dec 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

github-actions bot commented Dec 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Design Token Diff (CSS)

/css/functional/themes/dark-colorblind-high-contrast.css

/css/functional/themes/dark-colorblind.css

/css/functional/themes/dark-dimmed-high-contrast.css

/css/functional/themes/dark-dimmed.css

/css/functional/themes/dark-high-contrast.css

/css/functional/themes/dark-tritanopia-high-contrast.css

/css/functional/themes/dark-tritanopia.css

/css/functional/themes/dark.css

/css/functional/themes/light-colorblind-high-contrast.css

/css/functional/themes/light-colorblind.css

/css/functional/themes/light-high-contrast.css

/css/functional/themes/light-tritanopia-high-contrast.css

/css/functional/themes/light-tritanopia.css

/css/functional/themes/light.css

Uh oh!

github-actions bot commented Dec 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Design Token Diff (StyleLint)

/styleLint/functional/themes/dark-colorblind-high-contrast.json

/styleLint/functional/themes/dark-colorblind.json

/styleLint/functional/themes/dark-dimmed-high-contrast.json

/styleLint/functional/themes/dark-dimmed.json

/styleLint/functional/themes/dark-high-contrast.json

/styleLint/functional/themes/dark-tritanopia-high-contrast.json

/styleLint/functional/themes/dark-tritanopia.json

/styleLint/functional/themes/dark.json

/styleLint/functional/themes/light-colorblind-high-contrast.json

/styleLint/functional/themes/light-colorblind.json

/styleLint/functional/themes/light-high-contrast.json

/styleLint/functional/themes/light-tritanopia-high-contrast.json

/styleLint/functional/themes/light-tritanopia.json

/styleLint/functional/themes/light.json

Uh oh!

github-actions bot commented Dec 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

/figma/themes/dark-dimmed.json

/figma/themes/dark-high-contrast.json

/figma/themes/dark-tritanopia.json

/figma/themes/dark.json

/figma/themes/light-colorblind.json

/figma/themes/light-high-contrast.json

/figma/themes/light-tritanopia.json

/figma/themes/light.json

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

changeset-bot bot commented Dec 11, 2025 •

edited

Loading

github-actions bot commented Dec 11, 2025 •

edited

Loading

github-actions bot commented Dec 11, 2025 •

edited

Loading

github-actions bot commented Dec 11, 2025 •

edited

Loading