@primer/primitives 7.15.10-rc.d7a91629 → 7.15.10

package/dist/figma/themes/light-tritanopia.json

@@ -3398,6 +3398,166 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/gray/color",
+    "value": {
+      "r": 0.5019607843137255,
+      "g": 0.5607843137254902,
+      "b": 0.6392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/gray/color",
+    "reference": "base/color/light/base/display/color/gray/4",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/red/color",
+    "value": {
+      "r": 0.8745098039215686,
+      "g": 0.047058823529411764,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/red/color",
+    "reference": "base/color/light/base/display/color/red/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/pink/color",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/pink/color",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/purple/color",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.2980392156862745,
+      "b": 0.9215686274509803,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/purple/color",
+    "reference": "base/color/light/base/display/color/purple/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/teal/color",
+    "value": {
+      "r": 0.09019607843137255,
+      "g": 0.6078431372549019,
+      "b": 0.6078431372549019,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/teal/color",
+    "reference": "base/color/light/base/display/color/teal/4",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/green/color",
+    "value": {
+      "r": 0.18823529411764706,
+      "g": 0.6313725490196078,
+      "b": 0.2784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/green/color",
+    "reference": "base/color/light/base/display/color/green/4",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/yellow/color",
+    "value": {
+      "r": 0.7215686274509804,
+      "g": 0.5294117647058824,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/yellow/color",
+    "reference": "base/color/light/base/display/color/yellow/4",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/orange/color",
+    "value": {
+      "r": 0.9215686274509803,
+      "g": 0.403921568627451,
+      "b": 0.058823529411764705,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/orange/color",
+    "reference": "base/color/light/base/display/color/orange/4",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/auburn/color",
+    "value": {
+      "r": 0.615686274509804,
+      "g": 0.3803921568627451,
+      "b": 0.3607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/auburn/color",
+    "reference": "base/color/light/base/display/color/auburn/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/blue/color",
+    "value": {
+      "r": 0,
+      "g": 0.43137254901960786,
+      "b": 0.8588235294117647,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/blue/color",
+    "reference": "base/color/light/base/display/color/blue/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "headerSearch/borderColor",
     "value": {

package/dist/figma/themes/light.json

@@ -3283,6 +3283,166 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/gray/color",
+    "value": {
+      "r": 0.5019607843137255,
+      "g": 0.5607843137254902,
+      "b": 0.6392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/gray/color",
+    "reference": "base/color/light/base/display/color/gray/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/red/color",
+    "value": {
+      "r": 0.8745098039215686,
+      "g": 0.047058823529411764,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/red/color",
+    "reference": "base/color/light/base/display/color/red/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/pink/color",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/pink/color",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/purple/color",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.2980392156862745,
+      "b": 0.9215686274509803,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/purple/color",
+    "reference": "base/color/light/base/display/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/teal/color",
+    "value": {
+      "r": 0.09019607843137255,
+      "g": 0.6078431372549019,
+      "b": 0.6078431372549019,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/teal/color",
+    "reference": "base/color/light/base/display/color/teal/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/green/color",
+    "value": {
+      "r": 0.18823529411764706,
+      "g": 0.6313725490196078,
+      "b": 0.2784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/green/color",
+    "reference": "base/color/light/base/display/color/green/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/yellow/color",
+    "value": {
+      "r": 0.7215686274509804,
+      "g": 0.5294117647058824,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/yellow/color",
+    "reference": "base/color/light/base/display/color/yellow/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/orange/color",
+    "value": {
+      "r": 0.9215686274509803,
+      "g": 0.403921568627451,
+      "b": 0.058823529411764705,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/orange/color",
+    "reference": "base/color/light/base/display/color/orange/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/auburn/color",
+    "value": {
+      "r": 0.615686274509804,
+      "g": 0.3803921568627451,
+      "b": 0.3607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/auburn/color",
+    "reference": "base/color/light/base/display/color/auburn/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/blue/color",
+    "value": {
+      "r": 0,
+      "g": 0.43137254901960786,
+      "b": 0.8588235294117647,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/blue/color",
+    "reference": "base/color/light/base/display/color/blue/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "headerSearch/borderColor",
     "value": {

package/dist/scss/functional/themes/dark-colorblind.scss

@@ -38,6 +38,16 @@ $header-bgColor: #161b22f2;
 $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;

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

@@ -38,6 +38,16 @@ $header-bgColor: #2d333bf2;
 $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;

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

@@ -38,6 +38,16 @@ $header-bgColor: #272b33f2;
 $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;
@@ -143,7 +153,7 @@ $button-outline-bgColor-disabled: #0a0c10;
 $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;

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

@@ -38,6 +38,16 @@ $header-bgColor: #161b22f2;
 $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;

package/dist/scss/functional/themes/dark.scss

@@ -38,6 +38,16 @@ $header-bgColor: #161b22f2;
 $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;

package/dist/scss/functional/themes/light-colorblind.scss

@@ -38,6 +38,16 @@ $header-bgColor: #24292f;
 $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;

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

@@ -38,6 +38,16 @@ $header-bgColor: #0e1116;
 $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;

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

@@ -38,6 +38,16 @@ $header-bgColor: #24292f;
 $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;

package/dist/scss/functional/themes/light.scss

@@ -38,6 +38,16 @@ $header-bgColor: #24292f;
 $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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.10-rc.d7a91629",
+  "version": "7.15.10",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/tokens-next-private/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;
@@ -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;

package/tokens-next-private/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;
@@ -453,6 +463,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;

package/tokens-next-private/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;
@@ -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;
@@ -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;

package/tokens-next-private/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;
@@ -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;