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

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

@@ -42,6 +42,16 @@
   --header-borderColor-divider: #bdc4cc;
   --headerSearch-bgColor: #0a0c10;
   --headerSearch-borderColor: #525964;
+  --data-blue-color: #0576ff;
+  --data-auburn-color: #a86f6b;
+  --data-orange-color: #984b10;
+  --data-yellow-color: #895906;
+  --data-green-color: #2f6f37;
+  --data-teal-color: #106c70;
+  --data-purple-color: #975bf1;
+  --data-pink-color: #d34591;
+  --data-red-color: #eb3342;
+  --data-gray-color: #576270;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffffe6;
   --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -50,14 +60,14 @@
   --control-bgColor-rest: #3d424d;
   --control-bgColor-hover: #494f5a;
   --control-bgColor-active: #555c67;
-  --control-bgColor-disabled: #272b33;
+  --control-bgColor-disabled: #3d424db3;
   --control-bgColor-selected: #525964;
   --control-fgColor-rest: #f0f3f6;
   --control-fgColor-placeholder: #7a828e;
-  --control-fgColor-disabled: #bdc4cc;
+  --control-fgColor-disabled: #9ea7b3;
   --control-borderColor-rest: #7a828e;
   --control-borderColor-emphasis: #7a828e;
-  --control-borderColor-disabled: #272b33;
+  --control-borderColor-disabled: #3d424db3;
   --control-borderColor-selected: #ffffff;
   --control-borderColor-success: #09b43a;
   --control-borderColor-danger: #ff6a69;
@@ -66,7 +76,7 @@
   --control-transparent-bgColor-rest: #00000000;
   --control-transparent-bgColor-hover: #272b33;
   --control-transparent-bgColor-active: #525964;
-  --control-transparent-bgColor-disabled: #00000000;
+  --control-transparent-bgColor-disabled: #3d424db3;
   --control-transparent-bgColor-selected: #525964;
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #7a828e;
@@ -78,26 +88,26 @@
   --control-checked-bgColor-rest: #409eff;
   --control-checked-bgColor-hover: #4aa3ff;
   --control-checked-bgColor-active: #54a8ff;
-  --control-checked-bgColor-disabled: #bdc4cc;
+  --control-checked-bgColor-disabled: #9ea7b3;
   --control-checked-fgColor-rest: #0a0c10;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #409eff;
   --control-checked-borderColor-hover: #4aa3ff;
   --control-checked-borderColor-active: #54a8ff;
-  --control-checked-borderColor-disabled: #bdc4cc;
+  --control-checked-borderColor-disabled: #9ea7b3;
   --controlTrack-bgColor-rest: #3d424d;
   --controlTrack-bgColor-hover: #494f5a;
   --controlTrack-bgColor-active: #555c67;
-  --controlTrack-bgColor-disabled: #bdc4cc;
+  --controlTrack-bgColor-disabled: #9ea7b3;
   --controlTrack-fgColor-rest: #fbfcfd;
   --controlTrack-fgColor-disabled: #0a0c10;
   --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #bdc4cc;
+  --controlTrack-borderColor-disabled: #9ea7b3;
   --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #272b33;
+  --controlKnob-bgColor-disabled: #3d424db3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #7a828e;
-  --controlKnob-borderColor-disabled: #272b33;
+  --controlKnob-borderColor-disabled: #3d424db3;
   --controlKnob-borderColor-checked: #409eff;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #f0f3f6;
@@ -105,11 +115,11 @@
   --button-default-bgColor-hover: #494f5a;
   --button-default-bgColor-active: #555c67;
   --button-default-bgColor-selected: #555c67;
-  --button-default-bgColor-disabled: #272b33;
+  --button-default-bgColor-disabled: #3d424db3;
   --button-default-borderColor-rest: #7a828e;
   --button-default-borderColor-hover: #7a828e;
   --button-default-borderColor-active: #7a828e;
-  --button-default-borderColor-disabled: #272b33;
+  --button-default-borderColor-disabled: #3d424db3;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #0a0c10;
   --button-primary-fgColor-disabled: #0a0c1080;
@@ -125,17 +135,17 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #60aeff;
   --button-invisible-fgColor-hover: #1e60d5;
-  --button-invisible-fgColor-disabled: #bdc4cc;
+  --button-invisible-fgColor-disabled: #9ea7b3;
   --button-invisible-iconColor-rest: #f0f3f6;
   --button-invisible-iconColor-hover: #0a0c10;
-  --button-invisible-iconColor-disabled: #bdc4cc;
+  --button-invisible-iconColor-disabled: #9ea7b3;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #f0f3f6;
   --button-invisible-bgColor-active: #d9dee3;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #3d424db3;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #7a828e;
-  --button-invisible-borderColor-disabled: #272b33;
+  --button-invisible-borderColor-disabled: #3d424db3;
   --button-outline-fgColor-rest: #5cacff;
   --button-outline-fgColor-hover: #71b7ff;
   --button-outline-fgColor-active: #ffffff;
@@ -147,7 +157,7 @@
   --button-outline-borderColor-hover: #ffffff1a;
   --button-outline-borderColor-selected: #ffffff1a;
   --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-danger-fgColor-rest: #ff8080;
+  --button-danger-fgColor-rest: #ff9492;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
   --button-danger-fgColor-disabled: #ff808080;
@@ -156,7 +166,7 @@
   --button-danger-bgColor-rest: #3d424d;
   --button-danger-bgColor-hover: #ff4445;
   --button-danger-bgColor-active: #ff5c5d;
-  --button-danger-bgColor-disabled: #272b33;
+  --button-danger-bgColor-disabled: #3d424db3;
   --button-danger-borderColor-rest: #7a828e;
   --button-danger-borderColor-hover: #ffffff1a;
   --button-danger-borderColor-active: #ffffff1a;
@@ -196,7 +206,7 @@
   --fgColor-default: #fbfcfd;
   --fgColor-muted: #f0f3f6;
   --fgColor-onEmphasis: #0a0c10;
-  --fgColor-disabled: #bdc4cc;
+  --fgColor-disabled: #9ea7b3;
   --fgColor-link: #60aeff;
   --fgColor-neutral: #9ea7b3;
   --fgColor-accent: #60aeff;
@@ -213,7 +223,7 @@
   --bgColor-inset: #010409;
   --bgColor-emphasis: #ffffff;
   --bgColor-inverse: #ffffff;
-  --bgColor-disabled: #272b33;
+  --bgColor-disabled: #3d424db3;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #9ea7b366;
   --bgColor-neutral-emphasis: #9ea7b3;
@@ -238,7 +248,7 @@
   --borderColor-default: #7a828e;
   --borderColor-muted: #7a828e;
   --borderColor-emphasis: #7a828e;
-  --borderColor-disabled: #272b33;
+  --borderColor-disabled: #3d424db3;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;
@@ -453,6 +463,16 @@
     --header-borderColor-divider: #bdc4cc;
     --headerSearch-bgColor: #0a0c10;
     --headerSearch-borderColor: #525964;
+    --data-blue-color: #0576ff;
+    --data-auburn-color: #a86f6b;
+    --data-orange-color: #984b10;
+    --data-yellow-color: #895906;
+    --data-green-color: #2f6f37;
+    --data-teal-color: #106c70;
+    --data-purple-color: #975bf1;
+    --data-pink-color: #d34591;
+    --data-red-color: #eb3342;
+    --data-gray-color: #576270;
     --avatar-bgColor: #ffffff1a;
     --avatar-borderColor: #ffffffe6;
     --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -461,14 +481,14 @@
     --control-bgColor-rest: #3d424d;
     --control-bgColor-hover: #494f5a;
     --control-bgColor-active: #555c67;
-    --control-bgColor-disabled: #272b33;
+    --control-bgColor-disabled: #3d424db3;
     --control-bgColor-selected: #525964;
     --control-fgColor-rest: #f0f3f6;
     --control-fgColor-placeholder: #7a828e;
-    --control-fgColor-disabled: #bdc4cc;
+    --control-fgColor-disabled: #9ea7b3;
     --control-borderColor-rest: #7a828e;
     --control-borderColor-emphasis: #7a828e;
-    --control-borderColor-disabled: #272b33;
+    --control-borderColor-disabled: #3d424db3;
     --control-borderColor-selected: #ffffff;
     --control-borderColor-success: #09b43a;
     --control-borderColor-danger: #ff6a69;
@@ -477,7 +497,7 @@
     --control-transparent-bgColor-rest: #00000000;
     --control-transparent-bgColor-hover: #272b33;
     --control-transparent-bgColor-active: #525964;
-    --control-transparent-bgColor-disabled: #00000000;
+    --control-transparent-bgColor-disabled: #3d424db3;
     --control-transparent-bgColor-selected: #525964;
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #7a828e;
@@ -489,26 +509,26 @@
     --control-checked-bgColor-rest: #409eff;
     --control-checked-bgColor-hover: #4aa3ff;
     --control-checked-bgColor-active: #54a8ff;
-    --control-checked-bgColor-disabled: #bdc4cc;
+    --control-checked-bgColor-disabled: #9ea7b3;
     --control-checked-fgColor-rest: #0a0c10;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #409eff;
     --control-checked-borderColor-hover: #4aa3ff;
     --control-checked-borderColor-active: #54a8ff;
-    --control-checked-borderColor-disabled: #bdc4cc;
+    --control-checked-borderColor-disabled: #9ea7b3;
     --controlTrack-bgColor-rest: #3d424d;
     --controlTrack-bgColor-hover: #494f5a;
     --controlTrack-bgColor-active: #555c67;
-    --controlTrack-bgColor-disabled: #bdc4cc;
+    --controlTrack-bgColor-disabled: #9ea7b3;
     --controlTrack-fgColor-rest: #fbfcfd;
     --controlTrack-fgColor-disabled: #0a0c10;
     --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #bdc4cc;
+    --controlTrack-borderColor-disabled: #9ea7b3;
     --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #272b33;
+    --controlKnob-bgColor-disabled: #3d424db3;
     --controlKnob-bgColor-checked: #ffffff;
     --controlKnob-borderColor-rest: #7a828e;
-    --controlKnob-borderColor-disabled: #272b33;
+    --controlKnob-borderColor-disabled: #3d424db3;
     --controlKnob-borderColor-checked: #409eff;
     --counter-borderColor: #00000000;
     --button-default-fgColor-rest: #f0f3f6;
@@ -516,11 +536,11 @@
     --button-default-bgColor-hover: #494f5a;
     --button-default-bgColor-active: #555c67;
     --button-default-bgColor-selected: #555c67;
-    --button-default-bgColor-disabled: #272b33;
+    --button-default-bgColor-disabled: #3d424db3;
     --button-default-borderColor-rest: #7a828e;
     --button-default-borderColor-hover: #7a828e;
     --button-default-borderColor-active: #7a828e;
-    --button-default-borderColor-disabled: #272b33;
+    --button-default-borderColor-disabled: #3d424db3;
     --button-default-shadow-resting: 0px 0px 0px 0px #000000;
     --button-primary-fgColor-rest: #0a0c10;
     --button-primary-fgColor-disabled: #0a0c1080;
@@ -536,17 +556,17 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #60aeff;
     --button-invisible-fgColor-hover: #1e60d5;
-    --button-invisible-fgColor-disabled: #bdc4cc;
+    --button-invisible-fgColor-disabled: #9ea7b3;
     --button-invisible-iconColor-rest: #f0f3f6;
     --button-invisible-iconColor-hover: #0a0c10;
-    --button-invisible-iconColor-disabled: #bdc4cc;
+    --button-invisible-iconColor-disabled: #9ea7b3;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #f0f3f6;
     --button-invisible-bgColor-active: #d9dee3;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #3d424db3;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #7a828e;
-    --button-invisible-borderColor-disabled: #272b33;
+    --button-invisible-borderColor-disabled: #3d424db3;
     --button-outline-fgColor-rest: #5cacff;
     --button-outline-fgColor-hover: #71b7ff;
     --button-outline-fgColor-active: #ffffff;
@@ -558,7 +578,7 @@
     --button-outline-borderColor-hover: #ffffff1a;
     --button-outline-borderColor-selected: #ffffff1a;
     --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #ff8080;
+    --button-danger-fgColor-rest: #ff9492;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
     --button-danger-fgColor-disabled: #ff808080;
@@ -567,7 +587,7 @@
     --button-danger-bgColor-rest: #3d424d;
     --button-danger-bgColor-hover: #ff4445;
     --button-danger-bgColor-active: #ff5c5d;
-    --button-danger-bgColor-disabled: #272b33;
+    --button-danger-bgColor-disabled: #3d424db3;
     --button-danger-borderColor-rest: #7a828e;
     --button-danger-borderColor-hover: #ffffff1a;
     --button-danger-borderColor-active: #ffffff1a;
@@ -607,7 +627,7 @@
     --fgColor-default: #fbfcfd;
     --fgColor-muted: #f0f3f6;
     --fgColor-onEmphasis: #0a0c10;
-    --fgColor-disabled: #bdc4cc;
+    --fgColor-disabled: #9ea7b3;
     --fgColor-link: #60aeff;
     --fgColor-neutral: #9ea7b3;
     --fgColor-accent: #60aeff;
@@ -624,7 +644,7 @@
     --bgColor-inset: #010409;
     --bgColor-emphasis: #ffffff;
     --bgColor-inverse: #ffffff;
-    --bgColor-disabled: #272b33;
+    --bgColor-disabled: #3d424db3;
     --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #9ea7b366;
     --bgColor-neutral-emphasis: #9ea7b3;
@@ -649,7 +669,7 @@
     --borderColor-default: #7a828e;
     --borderColor-muted: #7a828e;
     --borderColor-emphasis: #7a828e;
-    --borderColor-disabled: #272b33;
+    --borderColor-disabled: #3d424db3;
     --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #9ea7b3;
     --borderColor-neutral-emphasis: #9ea7b3;

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

@@ -42,6 +42,16 @@
   --header-borderColor-divider: #8b949e;
   --headerSearch-bgColor: #0d1117;
   --headerSearch-borderColor: #30363d;
+  --data-blue-color: #0576ff;
+  --data-auburn-color: #a86f6b;
+  --data-orange-color: #984b10;
+  --data-yellow-color: #895906;
+  --data-green-color: #2f6f37;
+  --data-teal-color: #106c70;
+  --data-purple-color: #975bf1;
+  --data-pink-color: #d34591;
+  --data-red-color: #eb3342;
+  --data-gray-color: #576270;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #30363db3;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -50,14 +60,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #161b22;
+  --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #8b949e;
+  --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #161b22;
+  --control-borderColor-disabled: #21262db3;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #1f6feb;
   --control-borderColor-danger: #da3633;
@@ -66,7 +76,7 @@
   --control-transparent-bgColor-rest: #00000000;
   --control-transparent-bgColor-hover: #b1bac41f;
   --control-transparent-bgColor-active: #b1bac433;
-  --control-transparent-bgColor-disabled: #00000000;
+  --control-transparent-bgColor-disabled: #21262db3;
   --control-transparent-bgColor-selected: #b1bac414;
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #00000000;
@@ -78,26 +88,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #8b949e;
+  --control-checked-bgColor-disabled: #6e7681;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
   --control-checked-borderColor-hover: #2a7aef;
   --control-checked-borderColor-active: #3685f3;
-  --control-checked-borderColor-disabled: #8b949e;
+  --control-checked-borderColor-disabled: #6e7681;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #8b949e;
+  --controlTrack-bgColor-disabled: #6e7681;
   --controlTrack-fgColor-rest: #848d97;
   --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #8b949e;
+  --controlTrack-borderColor-disabled: #6e7681;
   --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #161b22;
+  --controlKnob-bgColor-disabled: #21262db3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #161b22;
+  --controlKnob-borderColor-disabled: #21262db3;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -105,14 +115,14 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
-  --button-default-bgColor-disabled: #161b22;
+  --button-default-bgColor-disabled: #21262db3;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
-  --button-default-borderColor-disabled: #161b22;
+  --button-default-borderColor-disabled: #21262db3;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
-  --button-primary-fgColor-disabled: #ffffff80;
+  --button-primary-fgColor-disabled: #ffffffcc;
   --button-primary-iconColor-rest: #ffffff;
   --button-primary-bgColor-rest: #1f6feb;
   --button-primary-bgColor-hover: #2a7aef;
@@ -125,17 +135,17 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #4493f8;
   --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #8b949e;
+  --button-invisible-fgColor-disabled: #6e7681;
   --button-invisible-iconColor-rest: #848d97;
   --button-invisible-iconColor-hover: #e6edf3;
-  --button-invisible-iconColor-disabled: #8b949e;
+  --button-invisible-iconColor-disabled: #6e7681;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #21262db3;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-  --button-invisible-borderColor-disabled: #161b22;
+  --button-invisible-borderColor-disabled: #21262db3;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -156,7 +166,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #b62324;
   --button-danger-bgColor-active: #d03533;
-  --button-danger-bgColor-disabled: #161b22;
+  --button-danger-bgColor-disabled: #21262db3;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #f0f6fc1a;
   --button-danger-borderColor-active: #f0f6fc1a;
@@ -181,7 +191,7 @@
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
-  --overlay-borderColor: #30363d;
+  --overlay-borderColor: #30363db3;
   --overlay-backdrop-bgColor: #161b2266;
   --selectMenu-borderColor: #484f58;
   --selectMenu-bgColor-active: #0c2d6b;
@@ -196,7 +206,7 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #8b949e;
+  --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
   --fgColor-accent: #4493f8;
@@ -213,7 +223,7 @@
   --bgColor-inset: #010409;
   --bgColor-emphasis: #6e7681;
   --bgColor-inverse: #ffffff;
-  --bgColor-disabled: #161b22;
+  --bgColor-disabled: #21262db3;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768166;
   --bgColor-neutral-emphasis: #6e7681;
@@ -238,7 +248,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363db3;
   --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #161b22;
+  --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
@@ -453,6 +463,16 @@
     --header-borderColor-divider: #8b949e;
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
+    --data-blue-color: #0576ff;
+    --data-auburn-color: #a86f6b;
+    --data-orange-color: #984b10;
+    --data-yellow-color: #895906;
+    --data-green-color: #2f6f37;
+    --data-teal-color: #106c70;
+    --data-purple-color: #975bf1;
+    --data-pink-color: #d34591;
+    --data-red-color: #eb3342;
+    --data-gray-color: #576270;
     --avatar-bgColor: #ffffff1a;
     --avatar-borderColor: #30363db3;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -461,14 +481,14 @@
     --control-bgColor-rest: #21262d;
     --control-bgColor-hover: #292e36;
     --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #161b22;
+    --control-bgColor-disabled: #21262db3;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
     --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #8b949e;
+    --control-fgColor-disabled: #6e7681;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #161b22;
+    --control-borderColor-disabled: #21262db3;
     --control-borderColor-selected: #f0f6fc;
     --control-borderColor-success: #1f6feb;
     --control-borderColor-danger: #da3633;
@@ -477,7 +497,7 @@
     --control-transparent-bgColor-rest: #00000000;
     --control-transparent-bgColor-hover: #b1bac41f;
     --control-transparent-bgColor-active: #b1bac433;
-    --control-transparent-bgColor-disabled: #00000000;
+    --control-transparent-bgColor-disabled: #21262db3;
     --control-transparent-bgColor-selected: #b1bac414;
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
@@ -489,26 +509,26 @@
     --control-checked-bgColor-rest: #1f6feb;
     --control-checked-bgColor-hover: #2a7aef;
     --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #8b949e;
+    --control-checked-bgColor-disabled: #6e7681;
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #1f6feb;
     --control-checked-borderColor-hover: #2a7aef;
     --control-checked-borderColor-active: #3685f3;
-    --control-checked-borderColor-disabled: #8b949e;
+    --control-checked-borderColor-disabled: #6e7681;
     --controlTrack-bgColor-rest: #21262d;
     --controlTrack-bgColor-hover: #292e36;
     --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #8b949e;
+    --controlTrack-bgColor-disabled: #6e7681;
     --controlTrack-fgColor-rest: #848d97;
     --controlTrack-fgColor-disabled: #ffffff;
     --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #8b949e;
+    --controlTrack-borderColor-disabled: #6e7681;
     --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #161b22;
+    --controlKnob-bgColor-disabled: #21262db3;
     --controlKnob-bgColor-checked: #ffffff;
     --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #161b22;
+    --controlKnob-borderColor-disabled: #21262db3;
     --controlKnob-borderColor-checked: #1f6feb;
     --counter-borderColor: #00000000;
     --button-default-fgColor-rest: #c9d1d9;
@@ -516,14 +536,14 @@
     --button-default-bgColor-hover: #292e36;
     --button-default-bgColor-active: #31363e;
     --button-default-bgColor-selected: #31363e;
-    --button-default-bgColor-disabled: #161b22;
+    --button-default-bgColor-disabled: #21262db3;
     --button-default-borderColor-rest: #30363d;
     --button-default-borderColor-hover: #30363d;
     --button-default-borderColor-active: #30363d;
-    --button-default-borderColor-disabled: #161b22;
+    --button-default-borderColor-disabled: #21262db3;
     --button-default-shadow-resting: 0px 0px 0px 0px #000000;
     --button-primary-fgColor-rest: #ffffff;
-    --button-primary-fgColor-disabled: #ffffff80;
+    --button-primary-fgColor-disabled: #ffffffcc;
     --button-primary-iconColor-rest: #ffffff;
     --button-primary-bgColor-rest: #1f6feb;
     --button-primary-bgColor-hover: #2a7aef;
@@ -536,17 +556,17 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #4493f8;
     --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #8b949e;
+    --button-invisible-fgColor-disabled: #6e7681;
     --button-invisible-iconColor-rest: #848d97;
     --button-invisible-iconColor-hover: #e6edf3;
-    --button-invisible-iconColor-disabled: #8b949e;
+    --button-invisible-iconColor-disabled: #6e7681;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
     --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #21262db3;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
-    --button-invisible-borderColor-disabled: #161b22;
+    --button-invisible-borderColor-disabled: #21262db3;
     --button-outline-fgColor-rest: #388bfd;
     --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
@@ -567,7 +587,7 @@
     --button-danger-bgColor-rest: #21262d;
     --button-danger-bgColor-hover: #b62324;
     --button-danger-bgColor-active: #d03533;
-    --button-danger-bgColor-disabled: #161b22;
+    --button-danger-bgColor-disabled: #21262db3;
     --button-danger-borderColor-rest: #30363d;
     --button-danger-borderColor-hover: #f0f6fc1a;
     --button-danger-borderColor-active: #f0f6fc1a;
@@ -592,7 +612,7 @@
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
-    --overlay-borderColor: #30363d;
+    --overlay-borderColor: #30363db3;
     --overlay-backdrop-bgColor: #161b2266;
     --selectMenu-borderColor: #484f58;
     --selectMenu-bgColor-active: #0c2d6b;
@@ -607,7 +627,7 @@
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #8b949e;
+    --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
     --fgColor-neutral: #6e7681;
     --fgColor-accent: #4493f8;
@@ -624,7 +644,7 @@
     --bgColor-inset: #010409;
     --bgColor-emphasis: #6e7681;
     --bgColor-inverse: #ffffff;
-    --bgColor-disabled: #161b22;
+    --bgColor-disabled: #21262db3;
     --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #6e768166;
     --bgColor-neutral-emphasis: #6e7681;
@@ -649,7 +669,7 @@
     --borderColor-default: #30363d;
     --borderColor-muted: #30363db3;
     --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #161b22;
+    --borderColor-disabled: #21262db3;
     --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;