@primer/primitives 7.15.10-rc.d7a91629 → 7.15.11-rc.a06d518f

package/dist/css/functional/themes/dark-colorblind.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;
@@ -192,10 +202,11 @@
   --underlineNav-borderColor-active: #f78166;
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
-  --selection-bgColor: #4493f833;
+  --selection-bgColor: #1f6febb3;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
@@ -453,6 +464,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;
@@ -603,10 +624,11 @@
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
-    --selection-bgColor: #4493f833;
+    --selection-bgColor: #1f6febb3;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
     --fgColor-neutral: #6e7681;

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

@@ -42,6 +42,16 @@
   --header-borderColor-divider: #768390;
   --headerSearch-bgColor: #22272e;
   --headerSearch-borderColor: #444c56;
+  --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: #cdd9e51a;
   --avatar-borderColor: #444c56b3;
   --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -192,10 +202,11 @@
   --underlineNav-borderColor-active: #ec775c;
   --underlineNav-borderColor-hover: #636e7b66;
   --underlineNav-iconColor-rest: #717e8b;
-  --selection-bgColor: #478be633;
+  --selection-bgColor: #316dcab3;
   --fgColor-default: #c5d1de;
   --fgColor-muted: #717e8b;
   --fgColor-onEmphasis: #cdd9e5;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #636e7b;
   --fgColor-link: #478be6;
   --fgColor-neutral: #636e7b;
@@ -453,6 +464,16 @@
     --header-borderColor-divider: #768390;
     --headerSearch-bgColor: #22272e;
     --headerSearch-borderColor: #444c56;
+    --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: #cdd9e51a;
     --avatar-borderColor: #444c56b3;
     --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -603,10 +624,11 @@
     --underlineNav-borderColor-active: #ec775c;
     --underlineNav-borderColor-hover: #636e7b66;
     --underlineNav-iconColor-rest: #717e8b;
-    --selection-bgColor: #478be633;
+    --selection-bgColor: #316dcab3;
     --fgColor-default: #c5d1de;
     --fgColor-muted: #717e8b;
     --fgColor-onEmphasis: #cdd9e5;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #636e7b;
     --fgColor-link: #478be6;
     --fgColor-neutral: #636e7b;

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;
@@ -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;
@@ -192,10 +202,11 @@
   --underlineNav-borderColor-active: #ff967d;
   --underlineNav-borderColor-hover: #bdc4cc;
   --underlineNav-iconColor-rest: #f0f3f6;
-  --selection-bgColor: #60aeff33;
+  --selection-bgColor: #409effb3;
   --fgColor-default: #fbfcfd;
   --fgColor-muted: #f0f3f6;
   --fgColor-onEmphasis: #0a0c10;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #9ea7b3;
   --fgColor-link: #60aeff;
   --fgColor-neutral: #9ea7b3;
@@ -453,6 +464,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;
@@ -558,7 +579,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;
@@ -603,10 +624,11 @@
     --underlineNav-borderColor-active: #ff967d;
     --underlineNav-borderColor-hover: #bdc4cc;
     --underlineNav-iconColor-rest: #f0f3f6;
-    --selection-bgColor: #60aeff33;
+    --selection-bgColor: #409effb3;
     --fgColor-default: #fbfcfd;
     --fgColor-muted: #f0f3f6;
     --fgColor-onEmphasis: #0a0c10;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #9ea7b3;
     --fgColor-link: #60aeff;
     --fgColor-neutral: #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;
@@ -192,10 +202,11 @@
   --underlineNav-borderColor-active: #f78166;
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
-  --selection-bgColor: #4493f833;
+  --selection-bgColor: #1f6febb3;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
@@ -453,6 +464,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;
@@ -603,10 +624,11 @@
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
-    --selection-bgColor: #4493f833;
+    --selection-bgColor: #1f6febb3;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
     --fgColor-neutral: #6e7681;

package/dist/css/functional/themes/dark.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;
@@ -192,10 +202,11 @@
   --underlineNav-borderColor-active: #f78166;
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
-  --selection-bgColor: #4493f833;
+  --selection-bgColor: #1f6febb3;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
@@ -453,6 +464,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;
@@ -603,10 +624,11 @@
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
-    --selection-bgColor: #4493f833;
+    --selection-bgColor: #1f6febb3;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
     --fgColor-neutral: #6e7681;

package/dist/css/functional/themes/light-colorblind.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;
@@ -193,10 +203,11 @@
   --underlineNav-borderColor-active: #fd8c73;
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
-  --selection-bgColor: #0969da1a;
+  --selection-bgColor: #0969da33;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
   --fgColor-neutral: #6e7781;
@@ -453,6 +464,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;
@@ -604,10 +625,11 @@
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
-    --selection-bgColor: #0969da1a;
+    --selection-bgColor: #0969da33;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
     --fgColor-neutral: #6e7781;

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;
@@ -193,10 +203,11 @@
   --underlineNav-borderColor-active: #cd3425;
   --underlineNav-borderColor-hover: #88929d;
   --underlineNav-iconColor-rest: #0e1116;
-  --selection-bgColor: #023b951a;
+  --selection-bgColor: #0349b433;
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #66707b;
   --fgColor-link: #023b95;
   --fgColor-neutral: #66707b;
@@ -453,6 +464,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;
@@ -604,10 +625,11 @@
     --underlineNav-borderColor-active: #cd3425;
     --underlineNav-borderColor-hover: #88929d;
     --underlineNav-iconColor-rest: #0e1116;
-    --selection-bgColor: #023b951a;
+    --selection-bgColor: #0349b433;
     --fgColor-default: #010409;
     --fgColor-muted: #0e1116;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #66707b;
     --fgColor-link: #023b95;
     --fgColor-neutral: #66707b;

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;
@@ -193,10 +203,11 @@
   --underlineNav-borderColor-active: #fd8c73;
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
-  --selection-bgColor: #0969da1a;
+  --selection-bgColor: #0969da33;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
   --fgColor-neutral: #6e7781;
@@ -453,6 +464,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;
@@ -604,10 +625,11 @@
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
-    --selection-bgColor: #0969da1a;
+    --selection-bgColor: #0969da33;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
     --fgColor-neutral: #6e7781;

package/dist/css/functional/themes/light.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;
@@ -193,10 +203,11 @@
   --underlineNav-borderColor-active: #fd8c73;
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
-  --selection-bgColor: #0969da1a;
+  --selection-bgColor: #0969da33;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-white: #ffffff;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
   --fgColor-neutral: #6e7781;
@@ -453,6 +464,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;
@@ -604,10 +625,11 @@
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
-    --selection-bgColor: #0969da1a;
+    --selection-bgColor: #0969da33;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-white: #ffffff;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
     --fgColor-neutral: #6e7781;