@primer/primitives 9.0.0-rc.02c27a21 → 9.0.0-rc.da7438e1

package/dist/figma/themes/light-high-contrast.json

@@ -6774,7 +6774,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/gray/color/emphasis",
+    "name": "data/gray/color",
     "value": {
       "r": 0.5019607843137255,
       "g": 0.5607843137254902,
@@ -6782,7 +6782,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/gray/color/emphasis",
+    "refId": "mode/data/gray/color",
     "reference": "base/color/light/base/display/color/gray/4",
     "collection": "mode",
     "mode": "light high contrast",
@@ -6806,7 +6806,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/red/color/emphasis",
+    "name": "data/red/color",
     "value": {
       "r": 0.8745098039215686,
       "g": 0.047058823529411764,
@@ -6814,7 +6814,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/red/color/emphasis",
+    "refId": "mode/data/red/color",
     "reference": "base/color/light/base/display/color/red/5",
     "collection": "mode",
     "mode": "light high contrast",
@@ -6838,7 +6838,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/pink/color/emphasis",
+    "name": "data/pink/color",
     "value": {
       "r": 0.807843137254902,
       "g": 0.17254901960784313,
@@ -6846,7 +6846,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/pink/color/emphasis",
+    "refId": "mode/data/pink/color",
     "reference": "base/color/light/base/display/color/pink/5",
     "collection": "mode",
     "mode": "light high contrast",
@@ -6870,7 +6870,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/purple/color/emphasis",
+    "name": "data/purple/color",
     "value": {
       "r": 0.5372549019607843,
       "g": 0.2980392156862745,
@@ -6878,7 +6878,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/purple/color/emphasis",
+    "refId": "mode/data/purple/color",
     "reference": "base/color/light/base/display/color/purple/5",
     "collection": "mode",
     "mode": "light high contrast",
@@ -6902,7 +6902,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/teal/color/emphasis",
+    "name": "data/teal/color",
     "value": {
       "r": 0.09019607843137255,
       "g": 0.6078431372549019,
@@ -6910,7 +6910,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/teal/color/emphasis",
+    "refId": "mode/data/teal/color",
     "reference": "base/color/light/base/display/color/teal/4",
     "collection": "mode",
     "mode": "light high contrast",
@@ -6934,7 +6934,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/green/color/emphasis",
+    "name": "data/green/color",
     "value": {
       "r": 0.18823529411764706,
       "g": 0.6313725490196078,
@@ -6942,7 +6942,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/green/color/emphasis",
+    "refId": "mode/data/green/color",
     "reference": "base/color/light/base/display/color/green/4",
     "collection": "mode",
     "mode": "light high contrast",
@@ -6966,7 +6966,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/yellow/color/emphasis",
+    "name": "data/yellow/color",
     "value": {
       "r": 0.7215686274509804,
       "g": 0.5294117647058824,
@@ -6974,7 +6974,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/yellow/color/emphasis",
+    "refId": "mode/data/yellow/color",
     "reference": "base/color/light/base/display/color/yellow/4",
     "collection": "mode",
     "mode": "light high contrast",
@@ -6998,7 +6998,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/orange/color/emphasis",
+    "name": "data/orange/color",
     "value": {
       "r": 0.9215686274509803,
       "g": 0.403921568627451,
@@ -7006,7 +7006,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/orange/color/emphasis",
+    "refId": "mode/data/orange/color",
     "reference": "base/color/light/base/display/color/orange/4",
     "collection": "mode",
     "mode": "light high contrast",
@@ -7030,7 +7030,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/auburn/color/emphasis",
+    "name": "data/auburn/color",
     "value": {
       "r": 0.615686274509804,
       "g": 0.3803921568627451,
@@ -7038,7 +7038,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/auburn/color/emphasis",
+    "refId": "mode/data/auburn/color",
     "reference": "base/color/light/base/display/color/auburn/5",
     "collection": "mode",
     "mode": "light high contrast",
@@ -7062,7 +7062,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/blue/color/emphasis",
+    "name": "data/blue/color",
     "value": {
       "r": 0,
       "g": 0.43137254901960786,
@@ -7070,7 +7070,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/blue/color/emphasis",
+    "refId": "mode/data/blue/color",
     "reference": "base/color/light/base/display/color/blue/5",
     "collection": "mode",
     "mode": "light high contrast",

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

@@ -6821,7 +6821,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/gray/color/emphasis",
+    "name": "data/gray/color",
     "value": {
       "r": 0.5019607843137255,
       "g": 0.5607843137254902,
@@ -6829,7 +6829,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/gray/color/emphasis",
+    "refId": "mode/data/gray/color",
     "reference": "base/color/light/base/display/color/gray/4",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -6853,7 +6853,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/red/color/emphasis",
+    "name": "data/red/color",
     "value": {
       "r": 0.8745098039215686,
       "g": 0.047058823529411764,
@@ -6861,7 +6861,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/red/color/emphasis",
+    "refId": "mode/data/red/color",
     "reference": "base/color/light/base/display/color/red/5",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -6885,7 +6885,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/pink/color/emphasis",
+    "name": "data/pink/color",
     "value": {
       "r": 0.807843137254902,
       "g": 0.17254901960784313,
@@ -6893,7 +6893,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/pink/color/emphasis",
+    "refId": "mode/data/pink/color",
     "reference": "base/color/light/base/display/color/pink/5",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -6917,7 +6917,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/purple/color/emphasis",
+    "name": "data/purple/color",
     "value": {
       "r": 0.5372549019607843,
       "g": 0.2980392156862745,
@@ -6925,7 +6925,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/purple/color/emphasis",
+    "refId": "mode/data/purple/color",
     "reference": "base/color/light/base/display/color/purple/5",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -6949,7 +6949,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/teal/color/emphasis",
+    "name": "data/teal/color",
     "value": {
       "r": 0.09019607843137255,
       "g": 0.6078431372549019,
@@ -6957,7 +6957,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/teal/color/emphasis",
+    "refId": "mode/data/teal/color",
     "reference": "base/color/light/base/display/color/teal/4",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -6981,7 +6981,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/green/color/emphasis",
+    "name": "data/green/color",
     "value": {
       "r": 0.18823529411764706,
       "g": 0.6313725490196078,
@@ -6989,7 +6989,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/green/color/emphasis",
+    "refId": "mode/data/green/color",
     "reference": "base/color/light/base/display/color/green/4",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -7013,7 +7013,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/yellow/color/emphasis",
+    "name": "data/yellow/color",
     "value": {
       "r": 0.7215686274509804,
       "g": 0.5294117647058824,
@@ -7021,7 +7021,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/yellow/color/emphasis",
+    "refId": "mode/data/yellow/color",
     "reference": "base/color/light/base/display/color/yellow/4",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -7045,7 +7045,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/orange/color/emphasis",
+    "name": "data/orange/color",
     "value": {
       "r": 0.9215686274509803,
       "g": 0.403921568627451,
@@ -7053,7 +7053,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/orange/color/emphasis",
+    "refId": "mode/data/orange/color",
     "reference": "base/color/light/base/display/color/orange/4",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -7077,7 +7077,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/auburn/color/emphasis",
+    "name": "data/auburn/color",
     "value": {
       "r": 0.615686274509804,
       "g": 0.3803921568627451,
@@ -7085,7 +7085,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/auburn/color/emphasis",
+    "refId": "mode/data/auburn/color",
     "reference": "base/color/light/base/display/color/auburn/5",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -7109,7 +7109,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/blue/color/emphasis",
+    "name": "data/blue/color",
     "value": {
       "r": 0,
       "g": 0.43137254901960786,
@@ -7117,7 +7117,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/blue/color/emphasis",
+    "refId": "mode/data/blue/color",
     "reference": "base/color/light/base/display/color/blue/5",
     "collection": "mode",
     "mode": "light tritanopia",

package/dist/figma/themes/light.json

@@ -6669,7 +6669,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/gray/color/emphasis",
+    "name": "data/gray/color",
     "value": {
       "r": 0.5019607843137255,
       "g": 0.5607843137254902,
@@ -6677,7 +6677,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/gray/color/emphasis",
+    "refId": "mode/data/gray/color",
     "reference": "base/color/light/base/display/color/gray/4",
     "collection": "mode",
     "mode": "light",
@@ -6701,7 +6701,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/red/color/emphasis",
+    "name": "data/red/color",
     "value": {
       "r": 0.8745098039215686,
       "g": 0.047058823529411764,
@@ -6709,7 +6709,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/red/color/emphasis",
+    "refId": "mode/data/red/color",
     "reference": "base/color/light/base/display/color/red/5",
     "collection": "mode",
     "mode": "light",
@@ -6733,7 +6733,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/pink/color/emphasis",
+    "name": "data/pink/color",
     "value": {
       "r": 0.807843137254902,
       "g": 0.17254901960784313,
@@ -6741,7 +6741,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/pink/color/emphasis",
+    "refId": "mode/data/pink/color",
     "reference": "base/color/light/base/display/color/pink/5",
     "collection": "mode",
     "mode": "light",
@@ -6765,7 +6765,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/purple/color/emphasis",
+    "name": "data/purple/color",
     "value": {
       "r": 0.5372549019607843,
       "g": 0.2980392156862745,
@@ -6773,7 +6773,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/purple/color/emphasis",
+    "refId": "mode/data/purple/color",
     "reference": "base/color/light/base/display/color/purple/5",
     "collection": "mode",
     "mode": "light",
@@ -6797,7 +6797,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/teal/color/emphasis",
+    "name": "data/teal/color",
     "value": {
       "r": 0.09019607843137255,
       "g": 0.6078431372549019,
@@ -6805,7 +6805,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/teal/color/emphasis",
+    "refId": "mode/data/teal/color",
     "reference": "base/color/light/base/display/color/teal/4",
     "collection": "mode",
     "mode": "light",
@@ -6829,7 +6829,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/green/color/emphasis",
+    "name": "data/green/color",
     "value": {
       "r": 0.18823529411764706,
       "g": 0.6313725490196078,
@@ -6837,7 +6837,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/green/color/emphasis",
+    "refId": "mode/data/green/color",
     "reference": "base/color/light/base/display/color/green/4",
     "collection": "mode",
     "mode": "light",
@@ -6861,7 +6861,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/yellow/color/emphasis",
+    "name": "data/yellow/color",
     "value": {
       "r": 0.7215686274509804,
       "g": 0.5294117647058824,
@@ -6869,7 +6869,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/yellow/color/emphasis",
+    "refId": "mode/data/yellow/color",
     "reference": "base/color/light/base/display/color/yellow/4",
     "collection": "mode",
     "mode": "light",
@@ -6893,7 +6893,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/orange/color/emphasis",
+    "name": "data/orange/color",
     "value": {
       "r": 0.9215686274509803,
       "g": 0.403921568627451,
@@ -6901,7 +6901,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/orange/color/emphasis",
+    "refId": "mode/data/orange/color",
     "reference": "base/color/light/base/display/color/orange/4",
     "collection": "mode",
     "mode": "light",
@@ -6925,7 +6925,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/auburn/color/emphasis",
+    "name": "data/auburn/color",
     "value": {
       "r": 0.615686274509804,
       "g": 0.3803921568627451,
@@ -6933,7 +6933,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/auburn/color/emphasis",
+    "refId": "mode/data/auburn/color",
     "reference": "base/color/light/base/display/color/auburn/5",
     "collection": "mode",
     "mode": "light",
@@ -6957,7 +6957,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/blue/color/emphasis",
+    "name": "data/blue/color",
     "value": {
       "r": 0,
       "g": 0.43137254901960786,
@@ -6965,7 +6965,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/blue/color/emphasis",
+    "refId": "mode/data/blue/color",
     "reference": "base/color/light/base/display/color/blue/5",
     "collection": "mode",
     "mode": "light",

package/dist/internalCss/dark-colorblind.css

@@ -327,25 +327,25 @@
   --header-borderColor-divider: #8b949e;
   --headerSearch-bgColor: #0d1117;
   --headerSearch-borderColor: #30363d;
-  --data-blue-color-emphasis: #0576ff;
+  --data-blue-color: #0576ff;
   --data-blue-color-muted: #001a47;
-  --data-auburn-color-emphasis: #a86f6b;
+  --data-auburn-color: #a86f6b;
   --data-auburn-color-muted: #271817;
-  --data-orange-color-emphasis: #984b10;
+  --data-orange-color: #984b10;
   --data-orange-color-muted: #311708;
-  --data-yellow-color-emphasis: #895906;
+  --data-yellow-color: #895906;
   --data-yellow-color-muted: #2e1a00;
-  --data-green-color-emphasis: #2f6f37;
+  --data-green-color: #2f6f37;
   --data-green-color-muted: #122117;
-  --data-teal-color-emphasis: #106c70;
+  --data-teal-color: #106c70;
   --data-teal-color-muted: #041f25;
-  --data-purple-color-emphasis: #975bf1;
+  --data-purple-color: #975bf1;
   --data-purple-color-muted: #211047;
-  --data-pink-color-emphasis: #d34591;
+  --data-pink-color: #d34591;
   --data-pink-color-muted: #2d1524;
-  --data-red-color-emphasis: #eb3342;
+  --data-red-color: #eb3342;
   --data-red-color-muted: #3c0614;
-  --data-gray-color-emphasis: #576270;
+  --data-gray-color: #576270;
   --data-gray-color-muted: #1c1c1c;
   --display-blue-bgColor-muted: #001a47;
   --display-blue-bgColor-emphasis: #005bd1;
@@ -1179,25 +1179,25 @@
     --header-borderColor-divider: #8b949e;
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
-    --data-blue-color-emphasis: #0576ff;
+    --data-blue-color: #0576ff;
     --data-blue-color-muted: #001a47;
-    --data-auburn-color-emphasis: #a86f6b;
+    --data-auburn-color: #a86f6b;
     --data-auburn-color-muted: #271817;
-    --data-orange-color-emphasis: #984b10;
+    --data-orange-color: #984b10;
     --data-orange-color-muted: #311708;
-    --data-yellow-color-emphasis: #895906;
+    --data-yellow-color: #895906;
     --data-yellow-color-muted: #2e1a00;
-    --data-green-color-emphasis: #2f6f37;
+    --data-green-color: #2f6f37;
     --data-green-color-muted: #122117;
-    --data-teal-color-emphasis: #106c70;
+    --data-teal-color: #106c70;
     --data-teal-color-muted: #041f25;
-    --data-purple-color-emphasis: #975bf1;
+    --data-purple-color: #975bf1;
     --data-purple-color-muted: #211047;
-    --data-pink-color-emphasis: #d34591;
+    --data-pink-color: #d34591;
     --data-pink-color-muted: #2d1524;
-    --data-red-color-emphasis: #eb3342;
+    --data-red-color: #eb3342;
     --data-red-color-muted: #3c0614;
-    --data-gray-color-emphasis: #576270;
+    --data-gray-color: #576270;
     --data-gray-color-muted: #1c1c1c;
     --display-blue-bgColor-muted: #001a47;
     --display-blue-bgColor-emphasis: #005bd1;

package/dist/internalCss/dark-dimmed.css

@@ -327,25 +327,25 @@
   --header-borderColor-divider: #768390;
   --headerSearch-bgColor: #22272e;
   --headerSearch-borderColor: #444c56;
-  --data-blue-color-emphasis: #0576ff;
+  --data-blue-color: #0576ff;
   --data-blue-color-muted: #001a47;
-  --data-auburn-color-emphasis: #a86f6b;
+  --data-auburn-color: #a86f6b;
   --data-auburn-color-muted: #271817;
-  --data-orange-color-emphasis: #984b10;
+  --data-orange-color: #984b10;
   --data-orange-color-muted: #311708;
-  --data-yellow-color-emphasis: #895906;
+  --data-yellow-color: #895906;
   --data-yellow-color-muted: #2e1a00;
-  --data-green-color-emphasis: #2f6f37;
+  --data-green-color: #2f6f37;
   --data-green-color-muted: #122117;
-  --data-teal-color-emphasis: #106c70;
+  --data-teal-color: #106c70;
   --data-teal-color-muted: #041f25;
-  --data-purple-color-emphasis: #975bf1;
+  --data-purple-color: #975bf1;
   --data-purple-color-muted: #211047;
-  --data-pink-color-emphasis: #d34591;
+  --data-pink-color: #d34591;
   --data-pink-color-muted: #2d1524;
-  --data-red-color-emphasis: #eb3342;
+  --data-red-color: #eb3342;
   --data-red-color-muted: #3c0614;
-  --data-gray-color-emphasis: #576270;
+  --data-gray-color: #576270;
   --data-gray-color-muted: #1c1c1c;
   --display-blue-bgColor-muted: #001a47;
   --display-blue-bgColor-emphasis: #005bd1;
@@ -1179,25 +1179,25 @@
     --header-borderColor-divider: #768390;
     --headerSearch-bgColor: #22272e;
     --headerSearch-borderColor: #444c56;
-    --data-blue-color-emphasis: #0576ff;
+    --data-blue-color: #0576ff;
     --data-blue-color-muted: #001a47;
-    --data-auburn-color-emphasis: #a86f6b;
+    --data-auburn-color: #a86f6b;
     --data-auburn-color-muted: #271817;
-    --data-orange-color-emphasis: #984b10;
+    --data-orange-color: #984b10;
     --data-orange-color-muted: #311708;
-    --data-yellow-color-emphasis: #895906;
+    --data-yellow-color: #895906;
     --data-yellow-color-muted: #2e1a00;
-    --data-green-color-emphasis: #2f6f37;
+    --data-green-color: #2f6f37;
     --data-green-color-muted: #122117;
-    --data-teal-color-emphasis: #106c70;
+    --data-teal-color: #106c70;
     --data-teal-color-muted: #041f25;
-    --data-purple-color-emphasis: #975bf1;
+    --data-purple-color: #975bf1;
     --data-purple-color-muted: #211047;
-    --data-pink-color-emphasis: #d34591;
+    --data-pink-color: #d34591;
     --data-pink-color-muted: #2d1524;
-    --data-red-color-emphasis: #eb3342;
+    --data-red-color: #eb3342;
     --data-red-color-muted: #3c0614;
-    --data-gray-color-emphasis: #576270;
+    --data-gray-color: #576270;
     --data-gray-color-muted: #1c1c1c;
     --display-blue-bgColor-muted: #001a47;
     --display-blue-bgColor-emphasis: #005bd1;