@primer/primitives 7.15.10 → 7.15.11-rc.d7c51d9c

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

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -4051,6 +4066,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -4089,10 +4121,10 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": null,
     "refId": "mode/overlay/borderColor",
     "reference": "mode/borderColor/muted",
     "collection": "mode",
@@ -5488,7 +5520,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -5588,7 +5620,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -5688,7 +5720,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -6046,23 +6078,6 @@
     "collection": "mode",
     "group": "shadow"
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/danger/bgColor/disabled",
     "value": {

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

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -3985,6 +4000,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5457,23 +5489,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

package/dist/figma/themes/light.json

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -3984,6 +3999,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5456,23 +5488,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

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

@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
 $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/scss/functional/themes/dark-dimmed.scss

@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #717e8b;
 $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/scss/functional/themes/dark-high-contrast.scss

@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
 $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/scss/functional/themes/dark-tritanopia.scss

@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
 $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/scss/functional/themes/dark.scss

@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
 $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/scss/functional/themes/light-colorblind.scss

@@ -199,10 +199,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
 $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/scss/functional/themes/light-high-contrast.scss

@@ -188,7 +188,7 @@ $focus-outlineColor: #0349b4;
 $focus-outline: #0349b4 solid 2px;
 $menu-bgColor-active: #ffffff00;
 $overlay-bgColor: #ffffff;
-$overlay-borderColor: #88929d80;
+$overlay-borderColor: #88929d;
 $overlay-backdrop-bgColor: #88929d33;
 $selectMenu-borderColor: #ffffff00;
 $selectMenu-bgColor-active: #9cd7ff;
@@ -199,10 +199,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #368cf9;
 $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/scss/functional/themes/light-tritanopia.scss

@@ -199,10 +199,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
 $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/scss/functional/themes/light.scss

@@ -199,10 +199,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
 $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/package.json

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

package/tokens-next-private/css/functional/themes/dark-colorblind.css

@@ -202,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;
@@ -623,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/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -202,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;
@@ -623,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/tokens-next-private/css/functional/themes/dark-high-contrast.css

@@ -202,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;
@@ -623,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/tokens-next-private/css/functional/themes/dark-tritanopia.css

@@ -202,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;
@@ -623,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/tokens-next-private/css/functional/themes/dark.css

@@ -202,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;
@@ -623,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/tokens-next-private/css/functional/themes/light-colorblind.css

@@ -203,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;
@@ -624,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/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -192,7 +192,7 @@
   --focus-outline: #0349b4 solid 2px;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
-  --overlay-borderColor: #88929d80;
+  --overlay-borderColor: #88929d;
   --overlay-backdrop-bgColor: #88929d33;
   --selectMenu-borderColor: #ffffff00;
   --selectMenu-bgColor-active: #9cd7ff;
@@ -203,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;
@@ -613,7 +614,7 @@
     --focus-outline: #0349b4 solid 2px;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
-    --overlay-borderColor: #88929d80;
+    --overlay-borderColor: #88929d;
     --overlay-backdrop-bgColor: #88929d33;
     --selectMenu-borderColor: #ffffff00;
     --selectMenu-bgColor-active: #9cd7ff;
@@ -624,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/tokens-next-private/css/functional/themes/light-tritanopia.css

@@ -203,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;
@@ -624,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/tokens-next-private/css/functional/themes/light.css

@@ -203,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;
@@ -624,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;