@primer/primitives 7.15.7-rc.cbe6238 → 7.15.7

package/dist/docs/functional/themes/light-colorblind.json

@@ -5614,6 +5614,37 @@
     "attributes": {},
     "path": ["underlineNav", "iconColor", "rest"]
   },
+  "selection-bgColor": {
+    "value": "#0969da1a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.1
+    },
+    "name": "selection-bgColor",
+    "attributes": {},
+    "path": ["selection", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",
@@ -7114,7 +7145,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7de80",
+    "value": "#d0d7deb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7127,7 +7158,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -7144,7 +7175,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/docs/functional/themes/light-high-contrast.json

@@ -5634,6 +5634,37 @@
     "attributes": {},
     "path": ["underlineNav", "iconColor", "rest"]
   },
+  "selection-bgColor": {
+    "value": "#023b951a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.1
+    },
+    "name": "selection-bgColor",
+    "attributes": {},
+    "path": ["selection", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#010409",
     "$type": "color",

package/dist/docs/functional/themes/light-tritanopia.json

@@ -5610,6 +5610,37 @@
     "attributes": {},
     "path": ["underlineNav", "iconColor", "rest"]
   },
+  "selection-bgColor": {
+    "value": "#0969da1a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.1
+    },
+    "name": "selection-bgColor",
+    "attributes": {},
+    "path": ["selection", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",
@@ -7106,7 +7137,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7de80",
+    "value": "#d0d7deb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7119,7 +7150,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -7136,7 +7167,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/docs/functional/themes/light.json

@@ -5610,6 +5610,37 @@
     "attributes": {},
     "path": ["underlineNav", "iconColor", "rest"]
   },
+  "selection-bgColor": {
+    "value": "#0969da1a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.1
+    },
+    "name": "selection-bgColor",
+    "attributes": {},
+    "path": ["selection", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",
@@ -7106,7 +7137,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7de80",
+    "value": "#d0d7deb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7119,7 +7150,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -7136,7 +7167,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/fallbacks/functional/size/size.json

@@ -69,5 +69,6 @@
   "--overlay-padding-condensed": "0.5rem",
   "--overlay-paddingBlock-condensed": "0.25rem",
   "--overlay-paddingBlock-normal": "0.75rem",
-  "--overlay-borderRadius": "0.375rem"
+  "--overlay-borderRadius": "0.375rem",
+  "--overlay-offset": "0.25rem"
 }

package/dist/figma/dimension/dimension.json

@@ -52,6 +52,16 @@
       "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
     }
   },
+  {
+    "name": "overlay/offset",
+    "value": 4,
+    "type": "FLOAT",
+    "refId": "pattern/size/overlay/offset",
+    "collection": "pattern/size",
+    "mode": "default",
+    "group": "pattern/size",
+    "scopes": ["WIDTH_HEIGHT"]
+  },
   {
     "name": "overlay/height/xlarge",
     "value": 600,

package/dist/figma/themes/dark.json

@@ -1753,15 +1753,15 @@
   {
     "name": "fgColor/accent",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
     "isMix": true,
     "refId": "mode/fgColor/accent",
-    "reference": "base/color/dark/base/color/blue/4",
+    "reference": "base/color/dark/base/color/blue/3",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -3392,10 +3392,10 @@
       "r": 0.18823529411764706,
       "g": 0.21176470588235294,
       "b": 0.23921568627450981,
-      "a": 0.5
+      "a": 0.7
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": 0.7,
     "refId": "mode/borderColor/muted",
     "reference": "mode/borderColor/default",
     "collection": "mode",
@@ -3467,9 +3467,9 @@
   {
     "name": "fgColor/link",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
@@ -3600,9 +3600,9 @@
   {
     "name": "buttonCounter/outline/fgColor/disabled",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 0.5
     },
     "type": "COLOR",
@@ -3747,9 +3747,9 @@
   {
     "name": "button/outline/fgColor/disabled",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 0.5
     },
     "type": "COLOR",
@@ -3892,9 +3892,9 @@
   {
     "name": "button/invisible/fgColor/rest",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
@@ -4776,6 +4776,23 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/disabled",
     "value": {
@@ -4942,7 +4959,7 @@
       "r": 0.18823529411764706,
       "g": 0.21176470588235294,
       "b": 0.23921568627450981,
-      "a": 0.5
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/avatar/borderColor",

package/dist/figma/themes/light.json

@@ -3230,10 +3230,10 @@
       "r": 0.8156862745098039,
       "g": 0.8431372549019608,
       "b": 0.8705882352941177,
-      "a": 0.5
+      "a": 0.7
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": 0.7,
     "refId": "mode/borderColor/muted",
     "reference": "mode/borderColor/default",
     "collection": "mode",
@@ -4811,6 +4811,23 @@
     "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": "button/danger/bgColor/disabled",
     "value": {

package/dist/scss/functional/size/size.scss

@@ -69,3 +69,4 @@ $overlay-padding-condensed: 0.5rem;
 $overlay-paddingBlock-condensed: 0.25rem;
 $overlay-paddingBlock-normal: 0.75rem;
 $overlay-borderRadius: 0.375rem;
+$overlay-offset: 0.25rem;

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

@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
 $headerSearch-bgColor: #0d1117;
 $headerSearch-borderColor: #30363d;
 $avatar-bgColor: #ffffff1a;
-$avatar-borderColor: #30363d80;
+$avatar-borderColor: #30363db3;
 $avatar-shadow: 0px 0px 0px 2px #0d1117;
 $avatarStack-fade-bgColor-default: #30363d;
 $avatarStack-fade-bgColor-muted: #21262d;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #f0f6fc1a;
 $button-primary-borderColor-active: #f0f6fc1a;
 $button-primary-borderColor-disabled: #1158c7;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #2f81f7;
+$button-invisible-fgColor-rest: #4493f8;
 $button-invisible-fgColor-hover: #58a6ff;
 $button-invisible-fgColor-disabled: #8b949e;
 $button-invisible-iconColor-rest: #848d97;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #161b22;
 $button-outline-fgColor-rest: #388bfd;
 $button-outline-fgColor-hover: #58a6ff;
 $button-outline-fgColor-active: #ffffff;
-$button-outline-fgColor-disabled: #2f81f780;
+$button-outline-fgColor-disabled: #4493f880;
 $button-outline-bgColor-rest: #f0f6fc;
 $button-outline-bgColor-hover: #30363d;
 $button-outline-bgColor-active: #0d419d;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #051d4d33;
 $buttonCounter-outline-bgColor-disabled: #1f6feb0d;
 $buttonCounter-outline-fgColor-rest: #388bfd;
 $buttonCounter-outline-fgColor-hover: #58a6ff;
-$buttonCounter-outline-fgColor-disabled: #2f81f780;
+$buttonCounter-outline-fgColor-disabled: #4493f880;
 $buttonCounter-danger-bgColor-hover: #ffffff33;
 $buttonCounter-danger-bgColor-disabled: #bd561d0d;
 $buttonCounter-danger-bgColor-rest: #49020233;
@@ -187,13 +187,14 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
 $underlineNav-borderColor-active: #f78166;
 $underlineNav-borderColor-hover: #6e768166;
 $underlineNav-iconColor-rest: #848d97;
+$selection-bgColor: #4493f833;
 $fgColor-default: #e6edf3;
 $fgColor-muted: #848d97;
 $fgColor-onEmphasis: #ffffff;
 $fgColor-disabled: #8b949e;
-$fgColor-link: #2f81f7;
+$fgColor-link: #4493f8;
 $fgColor-neutral: #6e7681;
-$fgColor-accent: #2f81f7;
+$fgColor-accent: #4493f8;
 $fgColor-success: #58a6ff;
 $fgColor-attention: #d29922;
 $fgColor-severe: #db6d28;
@@ -230,7 +231,7 @@ $bgColor-done-emphasis: #8957e5;
 $bgColor-sponsors-muted: #db61a21a;
 $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
-$borderColor-muted: #30363d80;
+$borderColor-muted: #30363db3;
 $borderColor-emphasis: #484f58;
 $borderColor-disabled: #161b22;
 $borderColor-transparent: #00000000;

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

@@ -39,7 +39,7 @@ $header-borderColor-divider: #768390;
 $headerSearch-bgColor: #22272e;
 $headerSearch-borderColor: #444c56;
 $avatar-bgColor: #cdd9e51a;
-$avatar-borderColor: #444c5680;
+$avatar-borderColor: #444c56b3;
 $avatar-shadow: 0px 0px 0px 2px #22272e;
 $avatarStack-fade-bgColor-default: #444c56;
 $avatarStack-fade-bgColor-muted: #373e47;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #cdd9e51a;
 $button-primary-borderColor-active: #cdd9e51a;
 $button-primary-borderColor-disabled: #50a254;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #3b7cdb;
+$button-invisible-fgColor-rest: #478be6;
 $button-invisible-fgColor-hover: #539bf5;
 $button-invisible-fgColor-disabled: #768390;
 $button-invisible-iconColor-rest: #717e8b;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #2d333b;
 $button-outline-fgColor-rest: #4184e4;
 $button-outline-fgColor-hover: #539bf5;
 $button-outline-fgColor-active: #cdd9e5;
-$button-outline-fgColor-disabled: #3b7cdb80;
+$button-outline-fgColor-disabled: #478be680;
 $button-outline-bgColor-rest: #cdd9e5;
 $button-outline-bgColor-hover: #444c56;
 $button-outline-bgColor-active: #1b4b91;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #0f2d5c33;
 $buttonCounter-outline-bgColor-disabled: #316dca0d;
 $buttonCounter-outline-fgColor-rest: #4184e4;
 $buttonCounter-outline-fgColor-hover: #539bf5;
-$buttonCounter-outline-fgColor-disabled: #3b7cdb80;
+$buttonCounter-outline-fgColor-disabled: #478be680;
 $buttonCounter-danger-bgColor-hover: #cdd9e533;
 $buttonCounter-danger-bgColor-disabled: #c93c370d;
 $buttonCounter-danger-bgColor-rest: #5d0f1233;
@@ -187,13 +187,14 @@ $treeViewItem-leadingVisual-iconColor-rest: #717e8b;
 $underlineNav-borderColor-active: #ec775c;
 $underlineNav-borderColor-hover: #636e7b66;
 $underlineNav-iconColor-rest: #717e8b;
+$selection-bgColor: #478be633;
 $fgColor-default: #c5d1de;
 $fgColor-muted: #717e8b;
 $fgColor-onEmphasis: #cdd9e5;
 $fgColor-disabled: #768390;
-$fgColor-link: #3b7cdb;
+$fgColor-link: #478be6;
 $fgColor-neutral: #636e7b;
-$fgColor-accent: #3b7cdb;
+$fgColor-accent: #478be6;
 $fgColor-success: #57ab5a;
 $fgColor-attention: #c69026;
 $fgColor-severe: #cc6b2c;
@@ -230,7 +231,7 @@ $bgColor-done-emphasis: #8256d0;
 $bgColor-sponsors-muted: #c961981a;
 $bgColor-sponsors-emphasis: #ae4c82;
 $borderColor-default: #444c56;
-$borderColor-muted: #444c5680;
+$borderColor-muted: #444c56b3;
 $borderColor-emphasis: #545d68;
 $borderColor-disabled: #2d333b;
 $borderColor-transparent: #00000000;

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

@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #4ae168;
 $button-primary-borderColor-active: #4ae168;
 $button-primary-borderColor-disabled: #4ae16866;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #52a7ff;
+$button-invisible-fgColor-rest: #60aeff;
 $button-invisible-fgColor-hover: #1e60d5;
 $button-invisible-fgColor-disabled: #bdc4cc;
 $button-invisible-iconColor-rest: #f0f3f6;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #272b33;
 $button-outline-fgColor-rest: #5cacff;
 $button-outline-fgColor-hover: #71b7ff;
 $button-outline-fgColor-active: #ffffff;
-$button-outline-fgColor-disabled: #52a7ff80;
+$button-outline-fgColor-disabled: #60aeff80;
 $button-outline-bgColor-rest: #ffffff;
 $button-outline-bgColor-hover: #525964;
 $button-outline-bgColor-active: #2672f3;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #194fb133;
 $buttonCounter-outline-bgColor-disabled: #409eff0d;
 $buttonCounter-outline-fgColor-rest: #5cacff;
 $buttonCounter-outline-fgColor-hover: #71b7ff;
-$buttonCounter-outline-fgColor-disabled: #52a7ff80;
+$buttonCounter-outline-fgColor-disabled: #60aeff80;
 $buttonCounter-danger-bgColor-hover: #01040926;
 $buttonCounter-danger-bgColor-disabled: #ff6a690d;
 $buttonCounter-danger-bgColor-rest: #01040926;
@@ -187,13 +187,14 @@ $treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
 $underlineNav-borderColor-active: #ff967d;
 $underlineNav-borderColor-hover: #bdc4cc;
 $underlineNav-iconColor-rest: #f0f3f6;
+$selection-bgColor: #60aeff33;
 $fgColor-default: #fbfcfd;
 $fgColor-muted: #f0f3f6;
 $fgColor-onEmphasis: #0a0c10;
 $fgColor-disabled: #bdc4cc;
-$fgColor-link: #52a7ff;
+$fgColor-link: #60aeff;
 $fgColor-neutral: #9ea7b3;
-$fgColor-accent: #52a7ff;
+$fgColor-accent: #60aeff;
 $fgColor-success: #28d751;
 $fgColor-attention: #f0b72f;
 $fgColor-severe: #f48b25;

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

@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
 $headerSearch-bgColor: #0d1117;
 $headerSearch-borderColor: #30363d;
 $avatar-bgColor: #ffffff1a;
-$avatar-borderColor: #30363d80;
+$avatar-borderColor: #30363db3;
 $avatar-shadow: 0px 0px 0px 2px #0d1117;
 $avatarStack-fade-bgColor-default: #30363d;
 $avatarStack-fade-bgColor-muted: #21262d;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #f0f6fc1a;
 $button-primary-borderColor-active: #f0f6fc1a;
 $button-primary-borderColor-disabled: #5fabfe;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #2f81f7;
+$button-invisible-fgColor-rest: #4493f8;
 $button-invisible-fgColor-hover: #58a6ff;
 $button-invisible-fgColor-disabled: #8b949e;
 $button-invisible-iconColor-rest: #848d97;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #161b22;
 $button-outline-fgColor-rest: #388bfd;
 $button-outline-fgColor-hover: #58a6ff;
 $button-outline-fgColor-active: #ffffff;
-$button-outline-fgColor-disabled: #2f81f780;
+$button-outline-fgColor-disabled: #4493f880;
 $button-outline-bgColor-rest: #f0f6fc;
 $button-outline-bgColor-hover: #30363d;
 $button-outline-bgColor-active: #0d419d;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #051d4d33;
 $buttonCounter-outline-bgColor-disabled: #1f6feb0d;
 $buttonCounter-outline-fgColor-rest: #388bfd;
 $buttonCounter-outline-fgColor-hover: #58a6ff;
-$buttonCounter-outline-fgColor-disabled: #2f81f780;
+$buttonCounter-outline-fgColor-disabled: #4493f880;
 $buttonCounter-danger-bgColor-hover: #ffffff33;
 $buttonCounter-danger-bgColor-disabled: #da36330d;
 $buttonCounter-danger-bgColor-rest: #49020233;
@@ -187,13 +187,14 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
 $underlineNav-borderColor-active: #f78166;
 $underlineNav-borderColor-hover: #6e768166;
 $underlineNav-iconColor-rest: #848d97;
+$selection-bgColor: #4493f833;
 $fgColor-default: #e6edf3;
 $fgColor-muted: #848d97;
 $fgColor-onEmphasis: #ffffff;
 $fgColor-disabled: #8b949e;
-$fgColor-link: #2f81f7;
+$fgColor-link: #4493f8;
 $fgColor-neutral: #6e7681;
-$fgColor-accent: #2f81f7;
+$fgColor-accent: #4493f8;
 $fgColor-success: #58a6ff;
 $fgColor-attention: #d29922;
 $fgColor-severe: #f85149;
@@ -230,7 +231,7 @@ $bgColor-done-emphasis: #8957e5;
 $bgColor-sponsors-muted: #db61a21a;
 $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
-$borderColor-muted: #30363d80;
+$borderColor-muted: #30363db3;
 $borderColor-emphasis: #484f58;
 $borderColor-disabled: #161b22;
 $borderColor-transparent: #00000000;