@primer/primitives 8.2.4-rc.67dddfb7 → 8.2.4-rc.8aeeb948

package/dist/figma/themes/light.json

@@ -988,6 +988,45 @@
       "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
     }
   },
+  {
+    "name": "borderColor/upsell-emphasis",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/upsell-emphasis",
+    "reference": "base/color/light/base/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "borderColor/upsell-muted",
+    "value": {
+      "r": 0.7607843137254902,
+      "g": 0.592156862745098,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/upsell-muted",
+    "reference": "base/color/light/base/color/purple/3",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-muted)"
+    }
+  },
   {
     "name": "borderColor/done-emphasis",
     "value": {
@@ -1400,6 +1439,44 @@
       "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
     }
   },
+  {
+    "name": "bgColor/upsell-emphasis",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/upsell-emphasis",
+    "reference": "base/color/light/base/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "bgColor/upsell-muted",
+    "value": {
+      "r": 0.984313725490196,
+      "g": 0.9372549019607843,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/upsell-muted",
+    "reference": "base/color/light/base/color/purple/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-muted)"
+    }
+  },
   {
     "name": "bgColor/done-emphasis",
     "value": {
@@ -1438,6 +1515,44 @@
       "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
     }
   },
+  {
+    "name": "bgColor/closed-emphasis",
+    "value": {
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/closed-emphasis",
+    "reference": "base/color/light/base/color/red/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
+    }
+  },
+  {
+    "name": "bgColor/closed-muted",
+    "value": {
+      "r": 1,
+      "g": 0.9215686274509803,
+      "b": 0.9137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/closed-muted",
+    "reference": "base/color/light/base/color/red/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
+    }
+  },
   {
     "name": "bgColor/danger-emphasis",
     "value": {
@@ -1841,6 +1956,25 @@
       "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
     }
   },
+  {
+    "name": "fgColor/upsell",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/upsell",
+    "reference": "base/color/light/base/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-upsell)"
+    }
+  },
   {
     "name": "fgColor/done",
     "value": {
@@ -7328,45 +7462,6 @@
     "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
-  {
-    "name": "borderColor/upsell-emphasis",
-    "value": {
-      "r": 0.5098039215686274,
-      "g": 0.3137254901960784,
-      "b": 0.8745098039215686,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/borderColor/upsell-emphasis",
-    "reference": "mode/borderColor/done-emphasis",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-emphasis)"
-    }
-  },
-  {
-    "name": "borderColor/upsell-muted",
-    "value": {
-      "r": 0.7607843137254902,
-      "g": 0.592156862745098,
-      "b": 1,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/upsell-muted",
-    "reference": "mode/borderColor/done-muted",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-muted)"
-    }
-  },
   {
     "name": "borderColor/open-emphasis",
     "value": {
@@ -7395,7 +7490,6 @@
       "a": 0.4
     },
     "type": "COLOR",
-    "alpha": 0.4,
     "refId": "mode/borderColor/open-muted",
     "reference": "mode/borderColor/success-muted",
     "collection": "mode",
@@ -7442,82 +7536,6 @@
       "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
     }
   },
-  {
-    "name": "bgColor/upsell-emphasis",
-    "value": {
-      "r": 0.5098039215686274,
-      "g": 0.3137254901960784,
-      "b": 0.8745098039215686,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/upsell-emphasis",
-    "reference": "mode/bgColor/done-emphasis",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-upsell-emphasis)"
-    }
-  },
-  {
-    "name": "bgColor/upsell-muted",
-    "value": {
-      "r": 0.984313725490196,
-      "g": 0.9372549019607843,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/upsell-muted",
-    "reference": "mode/bgColor/done-muted",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-upsell-muted)"
-    }
-  },
-  {
-    "name": "bgColor/closed-emphasis",
-    "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/closed-emphasis",
-    "reference": "mode/bgColor/danger-emphasis",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
-    }
-  },
-  {
-    "name": "bgColor/closed-muted",
-    "value": {
-      "r": 1,
-      "g": 0.9215686274509803,
-      "b": 0.9137254901960784,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/closed-muted",
-    "reference": "mode/bgColor/danger-muted",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
-    }
-  },
   {
     "name": "bgColor/open-emphasis",
     "value": {
@@ -7556,25 +7574,6 @@
       "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
     }
   },
-  {
-    "name": "fgColor/upsell",
-    "value": {
-      "r": 0.5098039215686274,
-      "g": 0.3137254901960784,
-      "b": 0.8745098039215686,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/upsell",
-    "reference": "mode/fgColor/done",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-upsell)"
-    }
-  },
   {
     "name": "fgColor/closed",
     "value": {

package/dist/internalCss/dark-high-contrast.css

@@ -449,14 +449,14 @@
   --avatarStack-fade-bgColor-muted: #3d424d;
   --control-bgColor-rest: #3d424d;
   --control-bgColor-hover: #494f5a;
-  --control-bgColor-active: #393d48;
+  --control-bgColor-active: #555c67;
   --control-bgColor-disabled: #3d424db3;
-  --control-bgColor-selected: #272b33;
+  --control-bgColor-selected: #525964;
   --control-fgColor-rest: #f0f3f6;
-  --control-fgColor-placeholder: #e4e9ed;
+  --control-fgColor-placeholder: #b7bec7;
   --control-fgColor-disabled: #9ea7b3;
   --control-borderColor-rest: #7a828e;
-  --control-borderColor-emphasis: #9ea7b3;
+  --control-borderColor-emphasis: #7a828e;
   --control-borderColor-disabled: #3d424db3;
   --control-borderColor-selected: #ffffff;
   --control-borderColor-success: #09b43a;
@@ -471,7 +471,7 @@
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #7a828e;
   --control-transparent-borderColor-active: #9ea7b3;
-  --control-danger-fgColor-rest: #ff9492;
+  --control-danger-fgColor-rest: #ff8080;
   --control-danger-fgColor-hover: #0a0c10;
   --control-danger-bgColor-hover: #ff6a69;
   --control-danger-bgColor-active: #f65052;
@@ -496,15 +496,15 @@
   --controlKnob-bgColor-rest: #010409;
   --controlKnob-bgColor-disabled: #3d424db3;
   --controlKnob-bgColor-checked: #ffffff;
-  --controlKnob-borderColor-rest: #9ea7b3;
+  --controlKnob-borderColor-rest: #7a828e;
   --controlKnob-borderColor-disabled: #3d424db3;
   --controlKnob-borderColor-checked: #409eff;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #f0f3f6;
   --button-default-bgColor-rest: #3d424d;
   --button-default-bgColor-hover: #494f5a;
-  --button-default-bgColor-active: #393d48;
-  --button-default-bgColor-selected: #393d48;
+  --button-default-bgColor-active: #555c67;
+  --button-default-bgColor-selected: #555c67;
   --button-default-bgColor-disabled: #3d424db3;
   --button-default-borderColor-rest: #7a828e;
   --button-default-borderColor-hover: #7a828e;
@@ -523,7 +523,7 @@
   --button-primary-borderColor-active: #4ae168;
   --button-primary-borderColor-disabled: #4ae16866;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-invisible-fgColor-rest: #73b8ff;
+  --button-invisible-fgColor-rest: #60aeff;
   --button-invisible-fgColor-hover: #1e60d5;
   --button-invisible-fgColor-disabled: #9ea7b3;
   --button-invisible-iconColor-rest: #f0f3f6;
@@ -539,7 +539,7 @@
   --button-outline-fgColor-rest: #5cacff;
   --button-outline-fgColor-hover: #71b7ff;
   --button-outline-fgColor-active: #ffffff;
-  --button-outline-fgColor-disabled: #73b8ff80;
+  --button-outline-fgColor-disabled: #60aeff80;
   --button-outline-bgColor-rest: #ffffff;
   --button-outline-bgColor-hover: #525964;
   --button-outline-bgColor-active: #2672f3;
@@ -550,8 +550,8 @@
   --button-danger-fgColor-rest: #ff9492;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #ff949280;
-  --button-danger-iconColor-rest: #ff9492;
+  --button-danger-fgColor-disabled: #ff808080;
+  --button-danger-iconColor-rest: #ff8080;
   --button-danger-iconColor-hover: #ffffff;
   --button-danger-bgColor-rest: #3d424d;
   --button-danger-bgColor-hover: #ff4445;
@@ -572,16 +572,16 @@
   --buttonCounter-outline-bgColor-disabled: #409eff0d;
   --buttonCounter-outline-fgColor-rest: #5cacff;
   --buttonCounter-outline-fgColor-hover: #71b7ff;
-  --buttonCounter-outline-fgColor-disabled: #73b8ff80;
+  --buttonCounter-outline-fgColor-disabled: #60aeff80;
   --buttonCounter-danger-bgColor-hover: #01040926;
   --buttonCounter-danger-bgColor-disabled: #ff6a690d;
   --buttonCounter-danger-bgColor-rest: #01040926;
-  --buttonCounter-danger-fgColor-rest: #ff9492;
+  --buttonCounter-danger-fgColor-rest: #ff8080;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-disabled: #ff949280;
+  --buttonCounter-danger-fgColor-disabled: #ff808080;
   --reactionButton-selected-bgColor-rest: #5cacff33;
   --reactionButton-selected-bgColor-hover: #5dadff5c;
-  --reactionButton-selected-fgColor-rest: #73b8ff;
+  --reactionButton-selected-fgColor-rest: #60aeff;
   --reactionButton-selected-fgColor-hover: #91cbff;
   --focus-outlineColor: #409eff;
   --menu-bgColor-active: #272b33;
@@ -591,14 +591,14 @@
   --selectMenu-borderColor: #7a828e;
   --selectMenu-bgColor-active: #1e60d5;
   --sideNav-bgColor-selected: #3d424d;
-  --skeletonLoader-bgColor: #191c22;
+  --skeletonLoader-bgColor: #272b33;
   --timelineBadge-bgColor: #3d424d;
   --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
   --underlineNav-borderColor-active: #ff967d;
   --underlineNav-borderColor-hover: #bdc4cc;
   --underlineNav-iconColor-rest: #f0f3f6;
   --selection-bgColor: #409effb3;
-  --card-bgColor: #191c22;
+  --card-bgColor: #272b33;
   --label-green-bgColor-rest: #122117;
   --label-green-bgColor-hover: #182f1f;
   --label-green-bgColor-active: #214529;
@@ -719,20 +719,20 @@
   --fgColor-white: #ffffff;
   --fgColor-black: #010409;
   --fgColor-disabled: #9ea7b3;
-  --fgColor-link: #73b8ff;
+  --fgColor-link: #60aeff;
   --fgColor-neutral: #9ea7b3;
-  --fgColor-accent: #73b8ff;
+  --fgColor-accent: #60aeff;
   --fgColor-success: #28d751;
   --fgColor-open: #28d751;
   --fgColor-attention: #f0b72f;
-  --fgColor-severe: #fe9a2d;
-  --fgColor-danger: #ff9492;
-  --fgColor-closed: #ff9492;
-  --fgColor-done: #cb9eff;
-  --fgColor-upsell: #cb9eff;
-  --fgColor-sponsors: #ff8dc7;
+  --fgColor-severe: #f48b25;
+  --fgColor-danger: #ff8080;
+  --fgColor-closed: #ff8080;
+  --fgColor-done: #bf8fff;
+  --fgColor-upsell: #bf8fff;
+  --fgColor-sponsors: #f87cbd;
   --bgColor-default: #0a0c10;
-  --bgColor-muted: #191c22;
+  --bgColor-muted: #272b33;
   --bgColor-inset: #010409;
   --bgColor-emphasis: #ffffff;
   --bgColor-inverse: #ffffff;
@@ -742,29 +742,29 @@
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #9ea7b366;
   --bgColor-neutral-emphasis: #9ea7b3;
-  --bgColor-accent-muted: #409eff1a;
+  --bgColor-accent-muted: #5cacff1a;
   --bgColor-accent-emphasis: #409eff;
-  --bgColor-success-muted: #0ac74024;
+  --bgColor-success-muted: #0ac74026;
   --bgColor-success-emphasis: #09b43a;
-  --bgColor-open-muted: #0ac74024;
+  --bgColor-open-muted: #0ac74026;
   --bgColor-open-emphasis: #09b43a;
   --bgColor-attention-muted: #edaa2726;
   --bgColor-attention-emphasis: #e09b13;
-  --bgColor-severe-muted: #f48b2516;
+  --bgColor-severe-muted: #f48b251a;
   --bgColor-severe-emphasis: #e7811d;
-  --bgColor-danger-muted: #ff808017;
+  --bgColor-danger-muted: #ff80801a;
   --bgColor-danger-emphasis: #ff6a69;
-  --bgColor-closed-muted: #ff808017;
+  --bgColor-closed-muted: #ff80801a;
   --bgColor-closed-emphasis: #ff6a69;
-  --bgColor-done-muted: #b87fff17;
+  --bgColor-done-muted: #bf8fff26;
   --bgColor-done-emphasis: #b87fff;
   --bgColor-upsell-muted: #bf8fff26;
   --bgColor-upsell-emphasis: #b87fff;
-  --bgColor-sponsors-muted: #ef6eb117;
+  --bgColor-sponsors-muted: #f87cbd1a;
   --bgColor-sponsors-emphasis: #ef6eb1;
   --borderColor-default: #7a828e;
   --borderColor-muted: #7a828e;
-  --borderColor-emphasis: #9ea7b3;
+  --borderColor-emphasis: #7a828e;
   --borderColor-disabled: #3d424db3;
   --borderColor-transparent: #00000000;
   --borderColor-translucent: #7a828e;
@@ -1298,14 +1298,14 @@
     --avatarStack-fade-bgColor-muted: #3d424d;
     --control-bgColor-rest: #3d424d;
     --control-bgColor-hover: #494f5a;
-    --control-bgColor-active: #393d48;
+    --control-bgColor-active: #555c67;
     --control-bgColor-disabled: #3d424db3;
-    --control-bgColor-selected: #272b33;
+    --control-bgColor-selected: #525964;
     --control-fgColor-rest: #f0f3f6;
-    --control-fgColor-placeholder: #e4e9ed;
+    --control-fgColor-placeholder: #b7bec7;
     --control-fgColor-disabled: #9ea7b3;
     --control-borderColor-rest: #7a828e;
-    --control-borderColor-emphasis: #9ea7b3;
+    --control-borderColor-emphasis: #7a828e;
     --control-borderColor-disabled: #3d424db3;
     --control-borderColor-selected: #ffffff;
     --control-borderColor-success: #09b43a;
@@ -1320,7 +1320,7 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #7a828e;
     --control-transparent-borderColor-active: #9ea7b3;
-    --control-danger-fgColor-rest: #ff9492;
+    --control-danger-fgColor-rest: #ff8080;
     --control-danger-fgColor-hover: #0a0c10;
     --control-danger-bgColor-hover: #ff6a69;
     --control-danger-bgColor-active: #f65052;
@@ -1345,15 +1345,15 @@
     --controlKnob-bgColor-rest: #010409;
     --controlKnob-bgColor-disabled: #3d424db3;
     --controlKnob-bgColor-checked: #ffffff;
-    --controlKnob-borderColor-rest: #9ea7b3;
+    --controlKnob-borderColor-rest: #7a828e;
     --controlKnob-borderColor-disabled: #3d424db3;
     --controlKnob-borderColor-checked: #409eff;
     --counter-borderColor: #00000000;
     --button-default-fgColor-rest: #f0f3f6;
     --button-default-bgColor-rest: #3d424d;
     --button-default-bgColor-hover: #494f5a;
-    --button-default-bgColor-active: #393d48;
-    --button-default-bgColor-selected: #393d48;
+    --button-default-bgColor-active: #555c67;
+    --button-default-bgColor-selected: #555c67;
     --button-default-bgColor-disabled: #3d424db3;
     --button-default-borderColor-rest: #7a828e;
     --button-default-borderColor-hover: #7a828e;
@@ -1372,7 +1372,7 @@
     --button-primary-borderColor-active: #4ae168;
     --button-primary-borderColor-disabled: #4ae16866;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-invisible-fgColor-rest: #73b8ff;
+    --button-invisible-fgColor-rest: #60aeff;
     --button-invisible-fgColor-hover: #1e60d5;
     --button-invisible-fgColor-disabled: #9ea7b3;
     --button-invisible-iconColor-rest: #f0f3f6;
@@ -1388,7 +1388,7 @@
     --button-outline-fgColor-rest: #5cacff;
     --button-outline-fgColor-hover: #71b7ff;
     --button-outline-fgColor-active: #ffffff;
-    --button-outline-fgColor-disabled: #73b8ff80;
+    --button-outline-fgColor-disabled: #60aeff80;
     --button-outline-bgColor-rest: #ffffff;
     --button-outline-bgColor-hover: #525964;
     --button-outline-bgColor-active: #2672f3;
@@ -1399,8 +1399,8 @@
     --button-danger-fgColor-rest: #ff9492;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #ff949280;
-    --button-danger-iconColor-rest: #ff9492;
+    --button-danger-fgColor-disabled: #ff808080;
+    --button-danger-iconColor-rest: #ff8080;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #3d424d;
     --button-danger-bgColor-hover: #ff4445;
@@ -1421,16 +1421,16 @@
     --buttonCounter-outline-bgColor-disabled: #409eff0d;
     --buttonCounter-outline-fgColor-rest: #5cacff;
     --buttonCounter-outline-fgColor-hover: #71b7ff;
-    --buttonCounter-outline-fgColor-disabled: #73b8ff80;
+    --buttonCounter-outline-fgColor-disabled: #60aeff80;
     --buttonCounter-danger-bgColor-hover: #01040926;
     --buttonCounter-danger-bgColor-disabled: #ff6a690d;
     --buttonCounter-danger-bgColor-rest: #01040926;
-    --buttonCounter-danger-fgColor-rest: #ff9492;
+    --buttonCounter-danger-fgColor-rest: #ff8080;
     --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-disabled: #ff949280;
+    --buttonCounter-danger-fgColor-disabled: #ff808080;
     --reactionButton-selected-bgColor-rest: #5cacff33;
     --reactionButton-selected-bgColor-hover: #5dadff5c;
-    --reactionButton-selected-fgColor-rest: #73b8ff;
+    --reactionButton-selected-fgColor-rest: #60aeff;
     --reactionButton-selected-fgColor-hover: #91cbff;
     --focus-outlineColor: #409eff;
     --menu-bgColor-active: #272b33;
@@ -1440,14 +1440,14 @@
     --selectMenu-borderColor: #7a828e;
     --selectMenu-bgColor-active: #1e60d5;
     --sideNav-bgColor-selected: #3d424d;
-    --skeletonLoader-bgColor: #191c22;
+    --skeletonLoader-bgColor: #272b33;
     --timelineBadge-bgColor: #3d424d;
     --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
     --underlineNav-borderColor-active: #ff967d;
     --underlineNav-borderColor-hover: #bdc4cc;
     --underlineNav-iconColor-rest: #f0f3f6;
     --selection-bgColor: #409effb3;
-    --card-bgColor: #191c22;
+    --card-bgColor: #272b33;
     --label-green-bgColor-rest: #122117;
     --label-green-bgColor-hover: #182f1f;
     --label-green-bgColor-active: #214529;
@@ -1568,20 +1568,20 @@
     --fgColor-white: #ffffff;
     --fgColor-black: #010409;
     --fgColor-disabled: #9ea7b3;
-    --fgColor-link: #73b8ff;
+    --fgColor-link: #60aeff;
     --fgColor-neutral: #9ea7b3;
-    --fgColor-accent: #73b8ff;
+    --fgColor-accent: #60aeff;
     --fgColor-success: #28d751;
     --fgColor-open: #28d751;
     --fgColor-attention: #f0b72f;
-    --fgColor-severe: #fe9a2d;
-    --fgColor-danger: #ff9492;
-    --fgColor-closed: #ff9492;
-    --fgColor-done: #cb9eff;
-    --fgColor-upsell: #cb9eff;
-    --fgColor-sponsors: #ff8dc7;
+    --fgColor-severe: #f48b25;
+    --fgColor-danger: #ff8080;
+    --fgColor-closed: #ff8080;
+    --fgColor-done: #bf8fff;
+    --fgColor-upsell: #bf8fff;
+    --fgColor-sponsors: #f87cbd;
     --bgColor-default: #0a0c10;
-    --bgColor-muted: #191c22;
+    --bgColor-muted: #272b33;
     --bgColor-inset: #010409;
     --bgColor-emphasis: #ffffff;
     --bgColor-inverse: #ffffff;
@@ -1591,29 +1591,29 @@
     --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #9ea7b366;
     --bgColor-neutral-emphasis: #9ea7b3;
-    --bgColor-accent-muted: #409eff1a;
+    --bgColor-accent-muted: #5cacff1a;
     --bgColor-accent-emphasis: #409eff;
-    --bgColor-success-muted: #0ac74024;
+    --bgColor-success-muted: #0ac74026;
     --bgColor-success-emphasis: #09b43a;
-    --bgColor-open-muted: #0ac74024;
+    --bgColor-open-muted: #0ac74026;
     --bgColor-open-emphasis: #09b43a;
     --bgColor-attention-muted: #edaa2726;
     --bgColor-attention-emphasis: #e09b13;
-    --bgColor-severe-muted: #f48b2516;
+    --bgColor-severe-muted: #f48b251a;
     --bgColor-severe-emphasis: #e7811d;
-    --bgColor-danger-muted: #ff808017;
+    --bgColor-danger-muted: #ff80801a;
     --bgColor-danger-emphasis: #ff6a69;
-    --bgColor-closed-muted: #ff808017;
+    --bgColor-closed-muted: #ff80801a;
     --bgColor-closed-emphasis: #ff6a69;
-    --bgColor-done-muted: #b87fff17;
+    --bgColor-done-muted: #bf8fff26;
     --bgColor-done-emphasis: #b87fff;
     --bgColor-upsell-muted: #bf8fff26;
     --bgColor-upsell-emphasis: #b87fff;
-    --bgColor-sponsors-muted: #ef6eb117;
+    --bgColor-sponsors-muted: #f87cbd1a;
     --bgColor-sponsors-emphasis: #ef6eb1;
     --borderColor-default: #7a828e;
     --borderColor-muted: #7a828e;
-    --borderColor-emphasis: #9ea7b3;
+    --borderColor-emphasis: #7a828e;
     --borderColor-disabled: #3d424db3;
     --borderColor-transparent: #00000000;
     --borderColor-translucent: #7a828e;