@primer/primitives 7.12.0 → 7.13.0-rc.80d1e20

package/tokens-next-private/css/functional/themes/dark.css

@@ -187,21 +187,35 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #7d8590;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-onInverse: #0d1117;
   --fgColor-disabled: #8b949e;
   --fgColor-link: #2f81f7;
+  --fgColor-link-onInverse: #1f6feb;
+  --fgColor-neutral: #6e7681;
+  --fgColor-neutral-onInverse: #484f58;
   --fgColor-accent: #2f81f7;
+  --fgColor-accent-onInverse: #1f6feb;
   --fgColor-success: #3fb950;
+  --fgColor-success-onInverse: #238636;
   --fgColor-attention: #d29922;
+  --fgColor-attention-onInverse: #9e6a03;
   --fgColor-severe: #db6d28;
+  --fgColor-severe-onInverse: #bd561d;
   --fgColor-danger: #f85149;
+  --fgColor-danger-onInverse: #db3734;
   --fgColor-open: #3fb950;
+  --fgColor-open-onInverse: #238636;
   --fgColor-closed: #f85149;
+  --fgColor-closed-onInverse: #db3734;
   --fgColor-done: #a371f7;
+  --fgColor-done-onInverse: #8957e5;
   --fgColor-sponsors: #db61a2;
+  --fgColor-sponsors-onInverse: #bf4b8a;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
   --bgColor-inset: #010409;
   --bgColor-emphasis: #6e7681;
+  --bgColor-inverse: #ffffff;
   --bgColor-disabled: #161b22;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
@@ -389,15 +403,15 @@
   --color-scale-coral-7: #872012;
   --color-scale-coral-8: #640d04;
   --color-scale-coral-9: #460701;
-  --shadow-inset: 0px 0px 0px 0px #000000;
-  --shadow-highlight: 0px 0px 0px 0px #000000;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-  --shadow-resting-small: 0px 0px 0px 0px #000000;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409;
-  --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
-  --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
-  --shadow-floating-large: 0px 8px 24px 0px #010409;
-  --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+  --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+  --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+  --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409;
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
@@ -589,21 +603,35 @@
     --fgColor-default: #e6edf3;
     --fgColor-muted: #7d8590;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-onInverse: #0d1117;
     --fgColor-disabled: #8b949e;
     --fgColor-link: #2f81f7;
+    --fgColor-link-onInverse: #1f6feb;
+    --fgColor-neutral: #6e7681;
+    --fgColor-neutral-onInverse: #484f58;
     --fgColor-accent: #2f81f7;
+    --fgColor-accent-onInverse: #1f6feb;
     --fgColor-success: #3fb950;
+    --fgColor-success-onInverse: #238636;
     --fgColor-attention: #d29922;
+    --fgColor-attention-onInverse: #9e6a03;
     --fgColor-severe: #db6d28;
+    --fgColor-severe-onInverse: #bd561d;
     --fgColor-danger: #f85149;
+    --fgColor-danger-onInverse: #db3734;
     --fgColor-open: #3fb950;
+    --fgColor-open-onInverse: #238636;
     --fgColor-closed: #f85149;
+    --fgColor-closed-onInverse: #db3734;
     --fgColor-done: #a371f7;
+    --fgColor-done-onInverse: #8957e5;
     --fgColor-sponsors: #db61a2;
+    --fgColor-sponsors-onInverse: #bf4b8a;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
     --bgColor-inset: #010409;
     --bgColor-emphasis: #6e7681;
+    --bgColor-inverse: #ffffff;
     --bgColor-disabled: #161b22;
     --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #6e768126;
@@ -791,15 +819,15 @@
     --color-scale-coral-7: #872012;
     --color-scale-coral-8: #640d04;
     --color-scale-coral-9: #460701;
-    --shadow-inset: 0px 0px 0px 0px #000000;
-    --shadow-highlight: 0px 0px 0px 0px #000000;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-    --shadow-resting-small: 0px 0px 0px 0px #000000;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409;
-    --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
-    --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
-    --shadow-floating-large: 0px 8px 24px 0px #010409;
-    --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+    --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+    --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+    --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409;
     --outline-focus: #1f6feb solid 2px;
   }
 }

package/tokens-next-private/css/functional/themes/light-colorblind.css

@@ -188,21 +188,35 @@
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-onInverse: #f6f8fa;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
+  --fgColor-link-onInverse: #54aeff;
+  --fgColor-neutral: #6e7781;
+  --fgColor-neutral-onInverse: #8c959f;
   --fgColor-accent: #0969da;
+  --fgColor-accent-onInverse: #54aeff;
   --fgColor-success: #0969da;
+  --fgColor-success-onInverse: #54aeff;
   --fgColor-attention: #9a6700;
+  --fgColor-attention-onInverse: #d4a72c;
   --fgColor-severe: #bc4c00;
+  --fgColor-severe-onInverse: #fb8f44;
   --fgColor-danger: #be4e02;
+  --fgColor-danger-onInverse: #fa4549;
   --fgColor-open: #bc4c00;
+  --fgColor-open-onInverse: #fb8f44;
   --fgColor-closed: #6e7781;
+  --fgColor-closed-onInverse: #afb8c1;
   --fgColor-done: #8250df;
+  --fgColor-done-onInverse: #a475f9;
   --fgColor-sponsors: #bf3989;
+  --fgColor-sponsors-onInverse: #e85aad;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
   --bgColor-inset: #f6f8fa;
   --bgColor-emphasis: #24292f;
+  --bgColor-inverse: #24292f;
   --bgColor-disabled: #f6f8fa;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #eaeef280;
@@ -390,15 +404,15 @@
   --color-scale-coral-7: #801f0f;
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
-  --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-  --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-  --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-  --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-  --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+  --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_colorblind"] {
@@ -590,21 +604,35 @@
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-onInverse: #f6f8fa;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
+    --fgColor-link-onInverse: #54aeff;
+    --fgColor-neutral: #6e7781;
+    --fgColor-neutral-onInverse: #8c959f;
     --fgColor-accent: #0969da;
+    --fgColor-accent-onInverse: #54aeff;
     --fgColor-success: #0969da;
+    --fgColor-success-onInverse: #54aeff;
     --fgColor-attention: #9a6700;
+    --fgColor-attention-onInverse: #d4a72c;
     --fgColor-severe: #bc4c00;
+    --fgColor-severe-onInverse: #fb8f44;
     --fgColor-danger: #be4e02;
+    --fgColor-danger-onInverse: #fa4549;
     --fgColor-open: #bc4c00;
+    --fgColor-open-onInverse: #fb8f44;
     --fgColor-closed: #6e7781;
+    --fgColor-closed-onInverse: #afb8c1;
     --fgColor-done: #8250df;
+    --fgColor-done-onInverse: #a475f9;
     --fgColor-sponsors: #bf3989;
+    --fgColor-sponsors-onInverse: #e85aad;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
     --bgColor-inset: #f6f8fa;
     --bgColor-emphasis: #24292f;
+    --bgColor-inverse: #24292f;
     --bgColor-disabled: #f6f8fa;
     --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #eaeef280;
@@ -792,14 +820,14 @@
     --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
-    --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-    --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-    --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-    --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-    --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+    --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+    --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+    --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+    --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
   }
 }

package/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -126,8 +126,8 @@
   --button-invisible-fgColor-hover: #023b95;
   --button-invisible-fgColor-disabled: #4b535d;
   --button-invisible-bgColor-rest: #ffffff00;
-  --button-invisible-bgColor-hover: #e7ecf0;
-  --button-invisible-bgColor-active: #ced5dc;
+  --button-invisible-bgColor-hover: #20252c;
+  --button-invisible-bgColor-active: #4b535d;
   --button-invisible-bgColor-disabled: #e7ecf0;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #20252c;
@@ -188,21 +188,35 @@
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-onInverse: #ffffff;
   --fgColor-disabled: #4b535d;
   --fgColor-link: #023b95;
+  --fgColor-link-onInverse: #67b3fd;
+  --fgColor-neutral: #66707b;
+  --fgColor-neutral-onInverse: #ced5dc;
   --fgColor-accent: #023b95;
+  --fgColor-accent-onInverse: #67b3fd;
   --fgColor-success: #055d20;
+  --fgColor-success-onInverse: #43c663;
   --fgColor-attention: #744500;
+  --fgColor-attention-onInverse: #d5a824;
   --fgColor-severe: #873800;
+  --fgColor-severe-onInverse: #f99636;
   --fgColor-danger: #8a071e;
+  --fgColor-danger-onInverse: #ff8e8a;
   --fgColor-open: #055d20;
+  --fgColor-open-onInverse: #43c663;
   --fgColor-closed: #8a071e;
+  --fgColor-closed-onInverse: #ff8e8a;
   --fgColor-done: #622cbc;
+  --fgColor-done-onInverse: #c49bff;
   --fgColor-sponsors: #971368;
+  --fgColor-sponsors-onInverse: #fc87ca;
   --bgColor-default: #ffffff;
   --bgColor-muted: #e7ecf0;
   --bgColor-inset: #ffffff;
   --bgColor-emphasis: #0e1116;
+  --bgColor-inverse: #0e1116;
   --bgColor-disabled: #e7ecf0;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #e7ecf0;
@@ -390,15 +404,15 @@
   --color-scale-coral-7: #6f0107;
   --color-scale-coral-8: #5b0002;
   --color-scale-coral-9: #430200;
-  --shadow-inset: inset 0px 1px 0px 0px #0104090d;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;
-  --shadow-resting-small: 0px 1px 0px 0px #0104090a;
-  --shadow-resting-medium: 0px 3px 6px 0px #88929d26;
-  --shadow-floating-small: 0px 1px 3px 0px #0104091f, 0px 8px 24px 0px #343b431f;
-  --shadow-floating-medium: 0px 4px 32px -4px #88929d17, 0px 8px 16px -4px #88929d17, 0px 24px 48px -12px #88929d29, 0px 48px 96px -24px #88929d3d;
-  --shadow-floating-large: 0px 8px 24px 0px #88929d33;
-  --shadow-floating-xlarge: 0px 12px 28px 0px #88929d4d;
+  --shadow-inset: inset 0px 1px 0px 0px #01040914;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
+  --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
+  --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
+  --shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+  --shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+  --shadow-floating-large: 0px 40px 80px 0px #343b433d;
+  --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_high_contrast"] {
@@ -528,8 +542,8 @@
     --button-invisible-fgColor-hover: #023b95;
     --button-invisible-fgColor-disabled: #4b535d;
     --button-invisible-bgColor-rest: #ffffff00;
-    --button-invisible-bgColor-hover: #e7ecf0;
-    --button-invisible-bgColor-active: #ced5dc;
+    --button-invisible-bgColor-hover: #20252c;
+    --button-invisible-bgColor-active: #4b535d;
     --button-invisible-bgColor-disabled: #e7ecf0;
     --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #20252c;
@@ -590,21 +604,35 @@
     --fgColor-default: #010409;
     --fgColor-muted: #0e1116;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-onInverse: #ffffff;
     --fgColor-disabled: #4b535d;
     --fgColor-link: #023b95;
+    --fgColor-link-onInverse: #67b3fd;
+    --fgColor-neutral: #66707b;
+    --fgColor-neutral-onInverse: #ced5dc;
     --fgColor-accent: #023b95;
+    --fgColor-accent-onInverse: #67b3fd;
     --fgColor-success: #055d20;
+    --fgColor-success-onInverse: #43c663;
     --fgColor-attention: #744500;
+    --fgColor-attention-onInverse: #d5a824;
     --fgColor-severe: #873800;
+    --fgColor-severe-onInverse: #f99636;
     --fgColor-danger: #8a071e;
+    --fgColor-danger-onInverse: #ff8e8a;
     --fgColor-open: #055d20;
+    --fgColor-open-onInverse: #43c663;
     --fgColor-closed: #8a071e;
+    --fgColor-closed-onInverse: #ff8e8a;
     --fgColor-done: #622cbc;
+    --fgColor-done-onInverse: #c49bff;
     --fgColor-sponsors: #971368;
+    --fgColor-sponsors-onInverse: #fc87ca;
     --bgColor-default: #ffffff;
     --bgColor-muted: #e7ecf0;
     --bgColor-inset: #ffffff;
     --bgColor-emphasis: #0e1116;
+    --bgColor-inverse: #0e1116;
     --bgColor-disabled: #e7ecf0;
     --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #e7ecf0;
@@ -792,14 +820,14 @@
     --color-scale-coral-7: #6f0107;
     --color-scale-coral-8: #5b0002;
     --color-scale-coral-9: #430200;
-    --shadow-inset: inset 0px 1px 0px 0px #0104090d;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;
-    --shadow-resting-small: 0px 1px 0px 0px #0104090a;
-    --shadow-resting-medium: 0px 3px 6px 0px #88929d26;
-    --shadow-floating-small: 0px 1px 3px 0px #0104091f, 0px 8px 24px 0px #343b431f;
-    --shadow-floating-medium: 0px 4px 32px -4px #88929d17, 0px 8px 16px -4px #88929d17, 0px 24px 48px -12px #88929d29, 0px 48px 96px -24px #88929d3d;
-    --shadow-floating-large: 0px 8px 24px 0px #88929d33;
-    --shadow-floating-xlarge: 0px 12px 28px 0px #88929d4d;
+    --shadow-inset: inset 0px 1px 0px 0px #01040914;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
+    --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
+    --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
+    --shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+    --shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+    --shadow-floating-large: 0px 40px 80px 0px #343b433d;
+    --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
   }
 }

package/tokens-next-private/css/functional/themes/light-tritanopia.css

@@ -188,21 +188,35 @@
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-onInverse: #f6f8fa;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
+  --fgColor-link-onInverse: #54aeff;
+  --fgColor-neutral: #6e7781;
+  --fgColor-neutral-onInverse: #8c959f;
   --fgColor-accent: #0969da;
+  --fgColor-accent-onInverse: #54aeff;
   --fgColor-success: #0969da;
+  --fgColor-success-onInverse: #54aeff;
   --fgColor-attention: #9a6700;
+  --fgColor-attention-onInverse: #d4a72c;
   --fgColor-severe: #cf222e;
+  --fgColor-severe-onInverse: #ff8182;
   --fgColor-danger: #d1242f;
+  --fgColor-danger-onInverse: #fa4549;
   --fgColor-open: #cf222e;
+  --fgColor-open-onInverse: #fa4549;
   --fgColor-closed: #6e7781;
+  --fgColor-closed-onInverse: #afb8c1;
   --fgColor-done: #8250df;
+  --fgColor-done-onInverse: #a475f9;
   --fgColor-sponsors: #bf3989;
+  --fgColor-sponsors-onInverse: #e85aad;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
   --bgColor-inset: #f6f8fa;
   --bgColor-emphasis: #24292f;
+  --bgColor-inverse: #24292f;
   --bgColor-disabled: #f6f8fa;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #eaeef280;
@@ -390,15 +404,15 @@
   --color-scale-coral-7: #801f0f;
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
-  --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-  --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-  --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-  --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-  --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+  --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_tritanopia"] {
@@ -590,21 +604,35 @@
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-onInverse: #f6f8fa;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
+    --fgColor-link-onInverse: #54aeff;
+    --fgColor-neutral: #6e7781;
+    --fgColor-neutral-onInverse: #8c959f;
     --fgColor-accent: #0969da;
+    --fgColor-accent-onInverse: #54aeff;
     --fgColor-success: #0969da;
+    --fgColor-success-onInverse: #54aeff;
     --fgColor-attention: #9a6700;
+    --fgColor-attention-onInverse: #d4a72c;
     --fgColor-severe: #cf222e;
+    --fgColor-severe-onInverse: #ff8182;
     --fgColor-danger: #d1242f;
+    --fgColor-danger-onInverse: #fa4549;
     --fgColor-open: #cf222e;
+    --fgColor-open-onInverse: #fa4549;
     --fgColor-closed: #6e7781;
+    --fgColor-closed-onInverse: #afb8c1;
     --fgColor-done: #8250df;
+    --fgColor-done-onInverse: #a475f9;
     --fgColor-sponsors: #bf3989;
+    --fgColor-sponsors-onInverse: #e85aad;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
     --bgColor-inset: #f6f8fa;
     --bgColor-emphasis: #24292f;
+    --bgColor-inverse: #24292f;
     --bgColor-disabled: #f6f8fa;
     --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #eaeef280;
@@ -792,14 +820,14 @@
     --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
-    --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-    --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-    --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-    --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-    --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+    --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+    --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+    --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+    --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
   }
 }