@primer/primitives 7.15.9 → 7.15.10-rc.030246ed

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

@@ -42,6 +42,16 @@
   --header-borderColor-divider: #acb6c0;
   --headerSearch-bgColor: #0e1116;
   --headerSearch-borderColor: #4b535d;
+  --data-blue-color: #006edb;
+  --data-auburn-color: #9d615c;
+  --data-orange-color: #eb670f;
+  --data-yellow-color: #b88700;
+  --data-green-color: #30a147;
+  --data-teal-color: #179b9b;
+  --data-purple-color: #894ceb;
+  --data-pink-color: #ce2c85;
+  --data-red-color: #df0c24;
+  --data-gray-color: #808fa3;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #20252c;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -50,14 +60,14 @@
   --control-bgColor-rest: #e7ecf0;
   --control-bgColor-hover: #dbe1e6;
   --control-bgColor-active: #cfd6dd;
-  --control-bgColor-disabled: #e7ecf0;
+  --control-bgColor-disabled: #ced5dcb3;
   --control-bgColor-selected: #acb6c0;
   --control-fgColor-rest: #0e1116;
   --control-fgColor-placeholder: #66707b;
-  --control-fgColor-disabled: #4b535d;
+  --control-fgColor-disabled: #66707b;
   --control-borderColor-rest: #20252c;
   --control-borderColor-emphasis: #20252c;
-  --control-borderColor-disabled: #e7ecf0;
+  --control-borderColor-disabled: #ced5dcb3;
   --control-borderColor-selected: #ffffff;
   --control-borderColor-success: #055d20;
   --control-borderColor-danger: #a0111f;
@@ -66,7 +76,7 @@
   --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #e7ecf0;
   --control-transparent-bgColor-active: #ced5dc;
-  --control-transparent-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-disabled: #ced5dcb3;
   --control-transparent-bgColor-selected: #ced5dc33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #20252c;
@@ -78,26 +88,26 @@
   --control-checked-bgColor-rest: #0349b4;
   --control-checked-bgColor-hover: #0344a8;
   --control-checked-bgColor-active: #033f9d;
-  --control-checked-bgColor-disabled: #4b535d;
+  --control-checked-bgColor-disabled: #66707b;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #ffffff;
   --control-checked-borderColor-rest: #0349b4;
   --control-checked-borderColor-hover: #0344a8;
   --control-checked-borderColor-active: #033f9d;
-  --control-checked-borderColor-disabled: #4b535d;
+  --control-checked-borderColor-disabled: #66707b;
   --controlTrack-bgColor-rest: #acb6c0;
   --controlTrack-bgColor-hover: #9ea8b2;
   --controlTrack-bgColor-active: #909aa4;
-  --controlTrack-bgColor-disabled: #4b535d;
+  --controlTrack-bgColor-disabled: #66707b;
   --controlTrack-fgColor-rest: #010409;
   --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #ffffff00;
-  --controlTrack-borderColor-disabled: #4b535d;
+  --controlTrack-borderColor-disabled: #66707b;
   --controlKnob-bgColor-rest: #ffffff;
-  --controlKnob-bgColor-disabled: #e7ecf0;
+  --controlKnob-bgColor-disabled: #ced5dcb3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #20252c;
-  --controlKnob-borderColor-disabled: #e7ecf0;
+  --controlKnob-borderColor-disabled: #ced5dcb3;
   --controlKnob-borderColor-checked: #0349b4;
   --counter-borderColor: #20252c;
   --button-default-fgColor-rest: #0e1116;
@@ -105,11 +115,11 @@
   --button-default-bgColor-hover: #dbe1e6;
   --button-default-bgColor-active: #cfd6dd;
   --button-default-bgColor-selected: #cfd6dd;
-  --button-default-bgColor-disabled: #e7ecf0;
+  --button-default-bgColor-disabled: #ced5dcb3;
   --button-default-borderColor-rest: #20252c;
   --button-default-borderColor-hover: #20252c;
   --button-default-borderColor-active: #20252c;
-  --button-default-borderColor-disabled: #e7ecf0;
+  --button-default-borderColor-disabled: #ced5dcb3;
   --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
@@ -125,17 +135,17 @@
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
   --button-invisible-fgColor-rest: #023b95;
   --button-invisible-fgColor-hover: #67b3fd;
-  --button-invisible-fgColor-disabled: #4b535d;
+  --button-invisible-fgColor-disabled: #66707b;
   --button-invisible-iconColor-rest: #0e1116;
   --button-invisible-iconColor-hover: #ffffff;
-  --button-invisible-iconColor-disabled: #4b535d;
+  --button-invisible-iconColor-disabled: #66707b;
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #20252c;
   --button-invisible-bgColor-active: #4b535d;
-  --button-invisible-bgColor-disabled: #ffffff00;
+  --button-invisible-bgColor-disabled: #ced5dcb3;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #20252c;
-  --button-invisible-borderColor-disabled: #e7ecf0;
+  --button-invisible-borderColor-disabled: #ced5dcb3;
   --button-outline-fgColor-rest: #023b95;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -156,7 +166,7 @@
   --button-danger-bgColor-rest: #e7ecf0;
   --button-danger-bgColor-hover: #86061d;
   --button-danger-bgColor-active: #74041a;
-  --button-danger-bgColor-disabled: #e7ecf0;
+  --button-danger-bgColor-disabled: #ced5dcb3;
   --button-danger-borderColor-rest: #20252c;
   --button-danger-borderColor-hover: #01040926;
   --button-danger-borderColor-active: #01040926;
@@ -182,7 +192,7 @@
   --focus-outline: #0349b4 solid 2px;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
-  --overlay-borderColor: #20252c;
+  --overlay-borderColor: #88929d80;
   --overlay-backdrop-bgColor: #88929d33;
   --selectMenu-borderColor: #ffffff00;
   --selectMenu-bgColor-active: #9cd7ff;
@@ -197,7 +207,7 @@
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #4b535d;
+  --fgColor-disabled: #66707b;
   --fgColor-link: #023b95;
   --fgColor-neutral: #66707b;
   --fgColor-accent: #023b95;
@@ -214,7 +224,7 @@
   --bgColor-inset: #ffffff;
   --bgColor-emphasis: #0e1116;
   --bgColor-inverse: #0e1116;
-  --bgColor-disabled: #e7ecf0;
+  --bgColor-disabled: #ced5dcb3;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #e7ecf0;
   --bgColor-neutral-emphasis: #66707b;
@@ -239,7 +249,7 @@
   --borderColor-default: #20252c;
   --borderColor-muted: #88929d;
   --borderColor-emphasis: #66707b;
-  --borderColor-disabled: #e7ecf0;
+  --borderColor-disabled: #ced5dcb3;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #88929d;
   --borderColor-neutral-emphasis: #66707b;
@@ -405,10 +415,10 @@
   --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 0px 0px 1px #20252c, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
-  --shadow-floating-medium: 0px 0px 0px 1px #20252c, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
-  --shadow-floating-large: 0px 0px 0px 1px #20252c, 0px 40px 80px 0px #343b433d;
-  --shadow-floating-xlarge: 0px 0px 0px 1px #20252c, 0px 56px 112px 0px #343b4352;
+  --shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+  --shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+  --shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
@@ -453,6 +463,16 @@
     --header-borderColor-divider: #acb6c0;
     --headerSearch-bgColor: #0e1116;
     --headerSearch-borderColor: #4b535d;
+    --data-blue-color: #006edb;
+    --data-auburn-color: #9d615c;
+    --data-orange-color: #eb670f;
+    --data-yellow-color: #b88700;
+    --data-green-color: #30a147;
+    --data-teal-color: #179b9b;
+    --data-purple-color: #894ceb;
+    --data-pink-color: #ce2c85;
+    --data-red-color: #df0c24;
+    --data-gray-color: #808fa3;
     --avatar-bgColor: #ffffff;
     --avatar-borderColor: #20252c;
     --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -461,14 +481,14 @@
     --control-bgColor-rest: #e7ecf0;
     --control-bgColor-hover: #dbe1e6;
     --control-bgColor-active: #cfd6dd;
-    --control-bgColor-disabled: #e7ecf0;
+    --control-bgColor-disabled: #ced5dcb3;
     --control-bgColor-selected: #acb6c0;
     --control-fgColor-rest: #0e1116;
     --control-fgColor-placeholder: #66707b;
-    --control-fgColor-disabled: #4b535d;
+    --control-fgColor-disabled: #66707b;
     --control-borderColor-rest: #20252c;
     --control-borderColor-emphasis: #20252c;
-    --control-borderColor-disabled: #e7ecf0;
+    --control-borderColor-disabled: #ced5dcb3;
     --control-borderColor-selected: #ffffff;
     --control-borderColor-success: #055d20;
     --control-borderColor-danger: #a0111f;
@@ -477,7 +497,7 @@
     --control-transparent-bgColor-rest: #ffffff00;
     --control-transparent-bgColor-hover: #e7ecf0;
     --control-transparent-bgColor-active: #ced5dc;
-    --control-transparent-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-disabled: #ced5dcb3;
     --control-transparent-bgColor-selected: #ced5dc33;
     --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #20252c;
@@ -489,26 +509,26 @@
     --control-checked-bgColor-rest: #0349b4;
     --control-checked-bgColor-hover: #0344a8;
     --control-checked-bgColor-active: #033f9d;
-    --control-checked-bgColor-disabled: #4b535d;
+    --control-checked-bgColor-disabled: #66707b;
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #ffffff;
     --control-checked-borderColor-rest: #0349b4;
     --control-checked-borderColor-hover: #0344a8;
     --control-checked-borderColor-active: #033f9d;
-    --control-checked-borderColor-disabled: #4b535d;
+    --control-checked-borderColor-disabled: #66707b;
     --controlTrack-bgColor-rest: #acb6c0;
     --controlTrack-bgColor-hover: #9ea8b2;
     --controlTrack-bgColor-active: #909aa4;
-    --controlTrack-bgColor-disabled: #4b535d;
+    --controlTrack-bgColor-disabled: #66707b;
     --controlTrack-fgColor-rest: #010409;
     --controlTrack-fgColor-disabled: #ffffff;
     --controlTrack-borderColor-rest: #ffffff00;
-    --controlTrack-borderColor-disabled: #4b535d;
+    --controlTrack-borderColor-disabled: #66707b;
     --controlKnob-bgColor-rest: #ffffff;
-    --controlKnob-bgColor-disabled: #e7ecf0;
+    --controlKnob-bgColor-disabled: #ced5dcb3;
     --controlKnob-bgColor-checked: #ffffff;
     --controlKnob-borderColor-rest: #20252c;
-    --controlKnob-borderColor-disabled: #e7ecf0;
+    --controlKnob-borderColor-disabled: #ced5dcb3;
     --controlKnob-borderColor-checked: #0349b4;
     --counter-borderColor: #20252c;
     --button-default-fgColor-rest: #0e1116;
@@ -516,11 +536,11 @@
     --button-default-bgColor-hover: #dbe1e6;
     --button-default-bgColor-active: #cfd6dd;
     --button-default-bgColor-selected: #cfd6dd;
-    --button-default-bgColor-disabled: #e7ecf0;
+    --button-default-bgColor-disabled: #ced5dcb3;
     --button-default-borderColor-rest: #20252c;
     --button-default-borderColor-hover: #20252c;
     --button-default-borderColor-active: #20252c;
-    --button-default-borderColor-disabled: #e7ecf0;
+    --button-default-borderColor-disabled: #ced5dcb3;
     --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
     --button-primary-fgColor-rest: #ffffff;
     --button-primary-fgColor-disabled: #ffffffcc;
@@ -536,17 +556,17 @@
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
     --button-invisible-fgColor-rest: #023b95;
     --button-invisible-fgColor-hover: #67b3fd;
-    --button-invisible-fgColor-disabled: #4b535d;
+    --button-invisible-fgColor-disabled: #66707b;
     --button-invisible-iconColor-rest: #0e1116;
     --button-invisible-iconColor-hover: #ffffff;
-    --button-invisible-iconColor-disabled: #4b535d;
+    --button-invisible-iconColor-disabled: #66707b;
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #20252c;
     --button-invisible-bgColor-active: #4b535d;
-    --button-invisible-bgColor-disabled: #ffffff00;
+    --button-invisible-bgColor-disabled: #ced5dcb3;
     --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #20252c;
-    --button-invisible-borderColor-disabled: #e7ecf0;
+    --button-invisible-borderColor-disabled: #ced5dcb3;
     --button-outline-fgColor-rest: #023b95;
     --button-outline-fgColor-hover: #ffffff;
     --button-outline-fgColor-active: #ffffff;
@@ -567,7 +587,7 @@
     --button-danger-bgColor-rest: #e7ecf0;
     --button-danger-bgColor-hover: #86061d;
     --button-danger-bgColor-active: #74041a;
-    --button-danger-bgColor-disabled: #e7ecf0;
+    --button-danger-bgColor-disabled: #ced5dcb3;
     --button-danger-borderColor-rest: #20252c;
     --button-danger-borderColor-hover: #01040926;
     --button-danger-borderColor-active: #01040926;
@@ -593,7 +613,7 @@
     --focus-outline: #0349b4 solid 2px;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
-    --overlay-borderColor: #20252c;
+    --overlay-borderColor: #88929d80;
     --overlay-backdrop-bgColor: #88929d33;
     --selectMenu-borderColor: #ffffff00;
     --selectMenu-bgColor-active: #9cd7ff;
@@ -608,7 +628,7 @@
     --fgColor-default: #010409;
     --fgColor-muted: #0e1116;
     --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #4b535d;
+    --fgColor-disabled: #66707b;
     --fgColor-link: #023b95;
     --fgColor-neutral: #66707b;
     --fgColor-accent: #023b95;
@@ -625,7 +645,7 @@
     --bgColor-inset: #ffffff;
     --bgColor-emphasis: #0e1116;
     --bgColor-inverse: #0e1116;
-    --bgColor-disabled: #e7ecf0;
+    --bgColor-disabled: #ced5dcb3;
     --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #e7ecf0;
     --bgColor-neutral-emphasis: #66707b;
@@ -650,7 +670,7 @@
     --borderColor-default: #20252c;
     --borderColor-muted: #88929d;
     --borderColor-emphasis: #66707b;
-    --borderColor-disabled: #e7ecf0;
+    --borderColor-disabled: #ced5dcb3;
     --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #88929d;
     --borderColor-neutral-emphasis: #66707b;
@@ -816,9 +836,9 @@
     --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 0px 0px 1px #20252c, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
-    --shadow-floating-medium: 0px 0px 0px 1px #20252c, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
-    --shadow-floating-large: 0px 0px 0px 1px #20252c, 0px 40px 80px 0px #343b433d;
-    --shadow-floating-xlarge: 0px 0px 0px 1px #20252c, 0px 56px 112px 0px #343b4352;
+    --shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+    --shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+    --shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;
   }
 }

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

@@ -42,6 +42,16 @@
   --header-borderColor-divider: #57606a;
   --headerSearch-bgColor: #24292f;
   --headerSearch-borderColor: #57606a;
+  --data-blue-color: #006edb;
+  --data-auburn-color: #9d615c;
+  --data-orange-color: #eb670f;
+  --data-yellow-color: #b88700;
+  --data-green-color: #30a147;
+  --data-teal-color: #179b9b;
+  --data-purple-color: #894ceb;
+  --data-pink-color: #ce2c85;
+  --data-red-color: #df0c24;
+  --data-gray-color: #808fa3;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #d0d7de;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -50,14 +60,14 @@
   --control-bgColor-rest: #f6f8fa;
   --control-bgColor-hover: #eef1f4;
   --control-bgColor-active: #e7ebef;
-  --control-bgColor-disabled: #f6f8fa;
+  --control-bgColor-disabled: #eaeef2b3;
   --control-bgColor-selected: #f6f8fa;
   --control-fgColor-rest: #24292f;
   --control-fgColor-placeholder: #6e7781;
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #f6f8fa;
+  --control-borderColor-disabled: #eaeef2b3;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #218bff;
   --control-borderColor-danger: #cf222e;
@@ -66,7 +76,7 @@
   --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #d0d7de33;
   --control-transparent-bgColor-active: #d0d7de66;
-  --control-transparent-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-disabled: #eaeef2b3;
   --control-transparent-bgColor-selected: #d0d7de33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #ffffff00;
@@ -94,10 +104,10 @@
   --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #8c959f;
   --controlKnob-bgColor-rest: #ffffff;
-  --controlKnob-bgColor-disabled: #f6f8fa;
+  --controlKnob-bgColor-disabled: #eaeef2b3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #868f99;
-  --controlKnob-borderColor-disabled: #f6f8fa;
+  --controlKnob-borderColor-disabled: #eaeef2b3;
   --controlKnob-borderColor-checked: #0969da;
   --counter-borderColor: #ffffff00;
   --button-default-fgColor-rest: #24292f;
@@ -105,11 +115,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
-  --button-default-bgColor-disabled: #f6f8fa;
+  --button-default-bgColor-disabled: #eaeef2b3;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
-  --button-default-borderColor-disabled: #f6f8fa;
+  --button-default-borderColor-disabled: #eaeef2b3;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
@@ -132,10 +142,10 @@
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
-  --button-invisible-bgColor-disabled: #ffffff00;
+  --button-invisible-bgColor-disabled: #eaeef2b3;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #ffffff00;
-  --button-invisible-borderColor-disabled: #f6f8fa;
+  --button-invisible-borderColor-disabled: #eaeef2b3;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -156,7 +166,7 @@
   --button-danger-bgColor-rest: #f6f8fa;
   --button-danger-bgColor-hover: #a40e26;
   --button-danger-bgColor-active: #8b0820;
-  --button-danger-bgColor-disabled: #f6f8fa;
+  --button-danger-bgColor-disabled: #eaeef2b3;
   --button-danger-borderColor-rest: #d0d7de;
   --button-danger-borderColor-hover: #1f232826;
   --button-danger-borderColor-active: #1f232826;
@@ -182,7 +192,7 @@
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
-  --overlay-borderColor: #ffffff00;
+  --overlay-borderColor: #d0d7de80;
   --overlay-backdrop-bgColor: #8c959f33;
   --selectMenu-borderColor: #ffffff00;
   --selectMenu-bgColor-active: #b6e3ff;
@@ -214,7 +224,7 @@
   --bgColor-inset: #f6f8fa;
   --bgColor-emphasis: #24292f;
   --bgColor-inverse: #24292f;
-  --bgColor-disabled: #f6f8fa;
+  --bgColor-disabled: #eaeef2b3;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #afb8c133;
   --bgColor-neutral-emphasis: #6e7781;
@@ -239,7 +249,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7deb3;
   --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #f6f8fa;
+  --borderColor-disabled: #eaeef2b3;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
@@ -405,10 +415,10 @@
   --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 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-  --shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-  --shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-  --shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+  --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
@@ -453,6 +463,16 @@
     --header-borderColor-divider: #57606a;
     --headerSearch-bgColor: #24292f;
     --headerSearch-borderColor: #57606a;
+    --data-blue-color: #006edb;
+    --data-auburn-color: #9d615c;
+    --data-orange-color: #eb670f;
+    --data-yellow-color: #b88700;
+    --data-green-color: #30a147;
+    --data-teal-color: #179b9b;
+    --data-purple-color: #894ceb;
+    --data-pink-color: #ce2c85;
+    --data-red-color: #df0c24;
+    --data-gray-color: #808fa3;
     --avatar-bgColor: #ffffff;
     --avatar-borderColor: #d0d7de;
     --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -461,14 +481,14 @@
     --control-bgColor-rest: #f6f8fa;
     --control-bgColor-hover: #eef1f4;
     --control-bgColor-active: #e7ebef;
-    --control-bgColor-disabled: #f6f8fa;
+    --control-bgColor-disabled: #eaeef2b3;
     --control-bgColor-selected: #f6f8fa;
     --control-fgColor-rest: #24292f;
     --control-fgColor-placeholder: #6e7781;
     --control-fgColor-disabled: #8c959f;
     --control-borderColor-rest: #d0d7de;
     --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #f6f8fa;
+    --control-borderColor-disabled: #eaeef2b3;
     --control-borderColor-selected: #f6f8fa;
     --control-borderColor-success: #218bff;
     --control-borderColor-danger: #cf222e;
@@ -477,7 +497,7 @@
     --control-transparent-bgColor-rest: #ffffff00;
     --control-transparent-bgColor-hover: #d0d7de33;
     --control-transparent-bgColor-active: #d0d7de66;
-    --control-transparent-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-disabled: #eaeef2b3;
     --control-transparent-bgColor-selected: #d0d7de33;
     --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #ffffff00;
@@ -505,10 +525,10 @@
     --controlTrack-borderColor-rest: #ffffff00;
     --controlTrack-borderColor-disabled: #8c959f;
     --controlKnob-bgColor-rest: #ffffff;
-    --controlKnob-bgColor-disabled: #f6f8fa;
+    --controlKnob-bgColor-disabled: #eaeef2b3;
     --controlKnob-bgColor-checked: #ffffff;
     --controlKnob-borderColor-rest: #868f99;
-    --controlKnob-borderColor-disabled: #f6f8fa;
+    --controlKnob-borderColor-disabled: #eaeef2b3;
     --controlKnob-borderColor-checked: #0969da;
     --counter-borderColor: #ffffff00;
     --button-default-fgColor-rest: #24292f;
@@ -516,11 +536,11 @@
     --button-default-bgColor-hover: #eef1f4;
     --button-default-bgColor-active: #e7ebef;
     --button-default-bgColor-selected: #e7ebef;
-    --button-default-bgColor-disabled: #f6f8fa;
+    --button-default-bgColor-disabled: #eaeef2b3;
     --button-default-borderColor-rest: #d0d7de;
     --button-default-borderColor-hover: #d0d7de;
     --button-default-borderColor-active: #d0d7de;
-    --button-default-borderColor-disabled: #f6f8fa;
+    --button-default-borderColor-disabled: #eaeef2b3;
     --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
     --button-primary-fgColor-rest: #ffffff;
     --button-primary-fgColor-disabled: #ffffffcc;
@@ -543,10 +563,10 @@
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
-    --button-invisible-bgColor-disabled: #ffffff00;
+    --button-invisible-bgColor-disabled: #eaeef2b3;
     --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #ffffff00;
-    --button-invisible-borderColor-disabled: #f6f8fa;
+    --button-invisible-borderColor-disabled: #eaeef2b3;
     --button-outline-fgColor-rest: #0969da;
     --button-outline-fgColor-hover: #ffffff;
     --button-outline-fgColor-active: #ffffff;
@@ -567,7 +587,7 @@
     --button-danger-bgColor-rest: #f6f8fa;
     --button-danger-bgColor-hover: #a40e26;
     --button-danger-bgColor-active: #8b0820;
-    --button-danger-bgColor-disabled: #f6f8fa;
+    --button-danger-bgColor-disabled: #eaeef2b3;
     --button-danger-borderColor-rest: #d0d7de;
     --button-danger-borderColor-hover: #1f232826;
     --button-danger-borderColor-active: #1f232826;
@@ -593,7 +613,7 @@
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
-    --overlay-borderColor: #ffffff00;
+    --overlay-borderColor: #d0d7de80;
     --overlay-backdrop-bgColor: #8c959f33;
     --selectMenu-borderColor: #ffffff00;
     --selectMenu-bgColor-active: #b6e3ff;
@@ -625,7 +645,7 @@
     --bgColor-inset: #f6f8fa;
     --bgColor-emphasis: #24292f;
     --bgColor-inverse: #24292f;
-    --bgColor-disabled: #f6f8fa;
+    --bgColor-disabled: #eaeef2b3;
     --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #afb8c133;
     --bgColor-neutral-emphasis: #6e7781;
@@ -650,7 +670,7 @@
     --borderColor-default: #d0d7de;
     --borderColor-muted: #d0d7deb3;
     --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #f6f8fa;
+    --borderColor-disabled: #eaeef2b3;
     --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #afb8c133;
     --borderColor-neutral-emphasis: #6e7781;
@@ -816,9 +836,9 @@
     --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 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-    --shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-    --shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-    --shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+    --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
   }
 }