@primer/primitives 9.1.2 → 10.0.0-rc.29e661a3

package/dist/figma/typography/typography.json

@@ -1,13 +1,31 @@
 [
   {
-    "name": "text/codeBlock/lineHeight",
-    "value": 20,
+    "name": "text/codeInline/weight",
+    "value": 400,
+    "type": "FLOAT",
+    "refId": "typography/text/codeInline/weight",
+    "reference": "base/typography/base/text/weight/normal",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "text/codeBlock/weight",
+    "value": 400,
     "type": "FLOAT",
-    "refId": "typography/text/codeBlock/lineHeight",
+    "refId": "typography/text/codeBlock/weight",
+    "reference": "base/typography/base/text/weight/normal",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "lineHeight",
+    "value": 1.5385,
+    "type": "FLOAT",
+    "refId": "lineHeight"
   },
   {
     "name": "text/codeBlock/size",
@@ -20,14 +38,21 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/caption/lineHeight",
-    "value": 16,
+    "name": "text/caption/weight",
+    "value": 400,
     "type": "FLOAT",
-    "refId": "typography/text/caption/lineHeight",
+    "refId": "typography/text/caption/weight",
+    "reference": "base/typography/base/text/weight/normal",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "lineHeight",
+    "value": 1.3333,
+    "type": "FLOAT",
+    "refId": "lineHeight"
   },
   {
     "name": "text/caption/size",
@@ -40,34 +65,33 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/body/lineHeight/small",
-    "value": 20,
+    "name": "text/body/weight",
+    "value": 400,
     "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/small",
+    "refId": "typography/text/body/weight",
+    "reference": "base/typography/base/text/weight/normal",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
   },
   {
-    "name": "text/body/lineHeight/medium",
-    "value": 20,
+    "name": "small",
+    "value": 1.6666,
     "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "refId": "small"
   },
   {
-    "name": "text/body/lineHeight/large",
-    "value": 24,
+    "name": "medium",
+    "value": 1.4285,
     "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/large",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "refId": "medium"
+  },
+  {
+    "name": "large",
+    "value": 1.5,
+    "type": "FLOAT",
+    "refId": "large"
   },
   {
     "name": "text/body/size/small",
@@ -100,14 +124,21 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/subtitle/lineHeight",
-    "value": 32,
+    "name": "text/subtitle/weight",
+    "value": 400,
     "type": "FLOAT",
-    "refId": "typography/text/subtitle/lineHeight",
+    "refId": "typography/text/subtitle/weight",
+    "reference": "base/typography/base/text/weight/normal",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "lineHeight",
+    "value": 1.6,
+    "type": "FLOAT",
+    "refId": "lineHeight"
   },
   {
     "name": "text/subtitle/size",
@@ -120,34 +151,55 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/title/lineHeight/small",
-    "value": 24,
+    "name": "text/title/weight/small",
+    "value": 600,
     "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/small",
+    "refId": "typography/text/title/weight/small",
+    "reference": "base/typography/base/text/weight/semibold",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
   },
   {
-    "name": "text/title/lineHeight/medium",
-    "value": 32,
+    "name": "text/title/weight/medium",
+    "value": 600,
     "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/medium",
+    "refId": "typography/text/title/weight/medium",
+    "reference": "base/typography/base/text/weight/semibold",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
   },
   {
-    "name": "text/title/lineHeight/large",
-    "value": 48,
+    "name": "text/title/weight/large",
+    "value": 600,
     "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/large",
+    "refId": "typography/text/title/weight/large",
+    "reference": "base/typography/base/text/weight/semibold",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "small",
+    "value": 1.5,
+    "type": "FLOAT",
+    "refId": "small"
+  },
+  {
+    "name": "medium",
+    "value": 1.6,
+    "type": "FLOAT",
+    "refId": "medium"
+  },
+  {
+    "name": "large",
+    "value": 1.5,
+    "type": "FLOAT",
+    "refId": "large"
   },
   {
     "name": "text/title/size/small",
@@ -180,14 +232,21 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/display/lineHeight",
-    "value": 56,
+    "name": "text/display/weight",
+    "value": 500,
     "type": "FLOAT",
-    "refId": "typography/text/display/lineHeight",
+    "refId": "typography/text/display/weight",
+    "reference": "base/typography/base/text/weight/medium",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "lineHeight",
+    "value": 1.4,
+    "type": "FLOAT",
+    "refId": "lineHeight"
   },
   {
     "name": "text/display/size",
@@ -200,18 +259,14 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/display/lineBoxHeight",
-    "value": 56,
+    "name": "lineBoxHeight",
+    "value": 1.4,
     "type": "FLOAT",
-    "refId": "typography/text/display/lineBoxHeight",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "refId": "lineBoxHeight"
   },
   {
     "name": "fontStack/monospace",
-    "value": "SF Mono",
+    "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "type": "STRING",
     "refId": "typography/fontStack/monospace",
     "collection": "typography",
@@ -221,7 +276,7 @@
   },
   {
     "name": "fontStack/sansSerifDisplay",
-    "value": "SF Pro Display",
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "STRING",
     "refId": "typography/fontStack/sansSerifDisplay",
     "collection": "typography",
@@ -231,7 +286,7 @@
   },
   {
     "name": "fontStack/sansSerif",
-    "value": "SF Pro Text",
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "STRING",
     "refId": "typography/fontStack/sansSerif",
     "collection": "typography",
@@ -241,7 +296,7 @@
   },
   {
     "name": "fontStack/system",
-    "value": "SF Pro Text",
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "STRING",
     "refId": "typography/fontStack/system",
     "collection": "typography",
@@ -288,104 +343,5 @@
     "mode": "default",
     "group": "base/typography",
     "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/codeInline/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/codeInline/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/codeBlock/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/codeBlock/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/caption/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/caption/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/body/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/body/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/subtitle/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/subtitle/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/title/weight/small",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/small",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/title/weight/medium",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/medium",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/title/weight/large",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/large",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/display/weight",
-    "value": 500,
-    "type": "FLOAT",
-    "refId": "typography/text/display/weight",
-    "reference": "base/typography/base/text/weight/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
   }
 ]

package/dist/internalCss/dark-colorblind.css

@@ -554,11 +554,11 @@
   --button-outline-borderColor-hover: #3d444d;
   --button-outline-borderColor-selected: #3d444d;
   --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-danger-fgColor-rest: #e6713e;
+  --button-danger-fgColor-rest: #db6d28;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
   --button-danger-fgColor-disabled: #db6d2880;
-  --button-danger-iconColor-rest: #e6713e;
+  --button-danger-iconColor-rest: #db6d28;
   --button-danger-iconColor-hover: #ffffff;
   --button-danger-bgColor-rest: #212830;
   --button-danger-bgColor-hover: #9b4215;
@@ -1413,11 +1413,11 @@
     --button-outline-borderColor-hover: #3d444d;
     --button-outline-borderColor-selected: #3d444d;
     --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #e6713e;
+    --button-danger-fgColor-rest: #db6d28;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
     --button-danger-fgColor-disabled: #db6d2880;
-    --button-danger-iconColor-rest: #e6713e;
+    --button-danger-iconColor-rest: #db6d28;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #212830;
     --button-danger-bgColor-hover: #9b4215;

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

@@ -459,7 +459,7 @@
   --control-bgColor-selected: #262c36;
   --control-fgColor-rest: #ffffff;
   --control-fgColor-placeholder: #b7bdc8;
-  --control-fgColor-disabled: #9198a199;
+  --control-fgColor-disabled: #656c76;
   --control-borderColor-rest: #b7bdc8;
   --control-borderColor-emphasis: #b7bdc8;
   --control-borderColor-disabled: #9198a11f;
@@ -483,21 +483,21 @@
   --control-checked-bgColor-rest: #194fb1;
   --control-checked-bgColor-hover: #2b64c1;
   --control-checked-bgColor-active: #3c79d0;
-  --control-checked-bgColor-disabled: #9198a199;
+  --control-checked-bgColor-disabled: #656c76;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #91cbff;
   --control-checked-borderColor-hover: #91cbff;
   --control-checked-borderColor-active: #91cbff;
-  --control-checked-borderColor-disabled: #9198a199;
+  --control-checked-borderColor-disabled: #656c76;
   --controlTrack-bgColor-rest: #2a313c;
   --controlTrack-bgColor-hover: #2f3742;
   --controlTrack-bgColor-active: #3d444d;
-  --controlTrack-bgColor-disabled: #9198a199;
+  --controlTrack-bgColor-disabled: #656c76;
   --controlTrack-fgColor-rest: #ffffff;
   --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #b7bdc8;
-  --controlTrack-borderColor-disabled: #9198a199;
+  --controlTrack-borderColor-disabled: #656c76;
   --controlKnob-bgColor-rest: #010409;
   --controlKnob-bgColor-disabled: #262c36;
   --controlKnob-bgColor-checked: #ffffff;
@@ -532,10 +532,10 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #ffffff;
   --button-invisible-fgColor-hover: #ffffff;
-  --button-invisible-fgColor-disabled: #9198a199;
+  --button-invisible-fgColor-disabled: #656c76;
   --button-invisible-iconColor-rest: #d1d7e0;
   --button-invisible-iconColor-hover: #d1d7e0;
-  --button-invisible-iconColor-disabled: #9198a199;
+  --button-invisible-iconColor-disabled: #656c76;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #151b23;
   --button-invisible-bgColor-active: #212830;
@@ -554,11 +554,11 @@
   --button-outline-borderColor-hover: #b7bdc8;
   --button-outline-borderColor-selected: #b7bdc8;
   --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-danger-fgColor-rest: #ffa8a6;
+  --button-danger-fgColor-rest: #ffb1af;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
   --button-danger-fgColor-disabled: #ff949280;
-  --button-danger-iconColor-rest: #ffa8a6;
+  --button-danger-iconColor-rest: #ffb1af;
   --button-danger-iconColor-hover: #ffffff;
   --button-danger-bgColor-rest: #262c36;
   --button-danger-bgColor-hover: #ad0116;
@@ -728,7 +728,7 @@
   --fgColor-onInverse: #010409;
   --fgColor-white: #ffffff;
   --fgColor-black: #010409;
-  --fgColor-disabled: #9198a199;
+  --fgColor-disabled: #656c76;
   --fgColor-link: #74b9ff;
   --fgColor-neutral: #d1d7e0;
   --fgColor-accent: #74b9ff;
@@ -1318,7 +1318,7 @@
     --control-bgColor-selected: #262c36;
     --control-fgColor-rest: #ffffff;
     --control-fgColor-placeholder: #b7bdc8;
-    --control-fgColor-disabled: #9198a199;
+    --control-fgColor-disabled: #656c76;
     --control-borderColor-rest: #b7bdc8;
     --control-borderColor-emphasis: #b7bdc8;
     --control-borderColor-disabled: #9198a11f;
@@ -1342,21 +1342,21 @@
     --control-checked-bgColor-rest: #194fb1;
     --control-checked-bgColor-hover: #2b64c1;
     --control-checked-bgColor-active: #3c79d0;
-    --control-checked-bgColor-disabled: #9198a199;
+    --control-checked-bgColor-disabled: #656c76;
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #91cbff;
     --control-checked-borderColor-hover: #91cbff;
     --control-checked-borderColor-active: #91cbff;
-    --control-checked-borderColor-disabled: #9198a199;
+    --control-checked-borderColor-disabled: #656c76;
     --controlTrack-bgColor-rest: #2a313c;
     --controlTrack-bgColor-hover: #2f3742;
     --controlTrack-bgColor-active: #3d444d;
-    --controlTrack-bgColor-disabled: #9198a199;
+    --controlTrack-bgColor-disabled: #656c76;
     --controlTrack-fgColor-rest: #ffffff;
     --controlTrack-fgColor-disabled: #ffffff;
     --controlTrack-borderColor-rest: #b7bdc8;
-    --controlTrack-borderColor-disabled: #9198a199;
+    --controlTrack-borderColor-disabled: #656c76;
     --controlKnob-bgColor-rest: #010409;
     --controlKnob-bgColor-disabled: #262c36;
     --controlKnob-bgColor-checked: #ffffff;
@@ -1391,10 +1391,10 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #ffffff;
     --button-invisible-fgColor-hover: #ffffff;
-    --button-invisible-fgColor-disabled: #9198a199;
+    --button-invisible-fgColor-disabled: #656c76;
     --button-invisible-iconColor-rest: #d1d7e0;
     --button-invisible-iconColor-hover: #d1d7e0;
-    --button-invisible-iconColor-disabled: #9198a199;
+    --button-invisible-iconColor-disabled: #656c76;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #151b23;
     --button-invisible-bgColor-active: #212830;
@@ -1413,11 +1413,11 @@
     --button-outline-borderColor-hover: #b7bdc8;
     --button-outline-borderColor-selected: #b7bdc8;
     --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #ffa8a6;
+    --button-danger-fgColor-rest: #ffb1af;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
     --button-danger-fgColor-disabled: #ff949280;
-    --button-danger-iconColor-rest: #ffa8a6;
+    --button-danger-iconColor-rest: #ffb1af;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #262c36;
     --button-danger-bgColor-hover: #ad0116;
@@ -1587,7 +1587,7 @@
     --fgColor-onInverse: #010409;
     --fgColor-white: #ffffff;
     --fgColor-black: #010409;
-    --fgColor-disabled: #9198a199;
+    --fgColor-disabled: #656c76;
     --fgColor-link: #74b9ff;
     --fgColor-neutral: #d1d7e0;
     --fgColor-accent: #74b9ff;

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

@@ -476,7 +476,7 @@
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #454c54;
   --control-transparent-borderColor-active: #454c54;
-  --control-danger-fgColor-rest: #8a071e;
+  --control-danger-fgColor-rest: #86061d;
   --control-danger-fgColor-hover: #ffffff;
   --control-danger-bgColor-hover: #a0111f;
   --control-danger-bgColor-active: #8c0b1d;
@@ -554,11 +554,11 @@
   --button-outline-borderColor-hover: #013d14;
   --button-outline-borderColor-active: #013d14;
   --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
-  --button-danger-fgColor-rest: #8a071e;
+  --button-danger-fgColor-rest: #86061d;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #8a071e80;
-  --button-danger-iconColor-rest: #8a071e;
+  --button-danger-fgColor-disabled: #86061d80;
+  --button-danger-iconColor-rest: #86061d;
   --button-danger-iconColor-hover: #ffffff;
   --button-danger-bgColor-rest: #e0e6eb;
   --button-danger-bgColor-hover: #86061d;
@@ -585,7 +585,7 @@
   --buttonCounter-danger-bgColor-rest: #a0111f1a;
   --buttonCounter-danger-fgColor-rest: #980e1e;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-disabled: #8a071e80;
+  --buttonCounter-danger-fgColor-disabled: #86061d80;
   --reactionButton-selected-bgColor-rest: #dff7ff;
   --reactionButton-selected-bgColor-hover: #c7e9ff;
   --reactionButton-selected-fgColor-rest: #023b95;
@@ -737,8 +737,8 @@
   --fgColor-open: #024c1a;
   --fgColor-attention: #603700;
   --fgColor-severe: #702c00;
-  --fgColor-danger: #8a071e;
-  --fgColor-closed: #8a071e;
+  --fgColor-danger: #86061d;
+  --fgColor-closed: #86061d;
   --fgColor-done: #512598;
   --fgColor-upsell: #512598;
   --fgColor-sponsors: #7d0c57;
@@ -1335,7 +1335,7 @@
     --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #454c54;
     --control-transparent-borderColor-active: #454c54;
-    --control-danger-fgColor-rest: #8a071e;
+    --control-danger-fgColor-rest: #86061d;
     --control-danger-fgColor-hover: #ffffff;
     --control-danger-bgColor-hover: #a0111f;
     --control-danger-bgColor-active: #8c0b1d;
@@ -1413,11 +1413,11 @@
     --button-outline-borderColor-hover: #013d14;
     --button-outline-borderColor-active: #013d14;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
-    --button-danger-fgColor-rest: #8a071e;
+    --button-danger-fgColor-rest: #86061d;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #8a071e80;
-    --button-danger-iconColor-rest: #8a071e;
+    --button-danger-fgColor-disabled: #86061d80;
+    --button-danger-iconColor-rest: #86061d;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #e0e6eb;
     --button-danger-bgColor-hover: #86061d;
@@ -1444,7 +1444,7 @@
     --buttonCounter-danger-bgColor-rest: #a0111f1a;
     --buttonCounter-danger-fgColor-rest: #980e1e;
     --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-disabled: #8a071e80;
+    --buttonCounter-danger-fgColor-disabled: #86061d80;
     --reactionButton-selected-bgColor-rest: #dff7ff;
     --reactionButton-selected-bgColor-hover: #c7e9ff;
     --reactionButton-selected-fgColor-rest: #023b95;
@@ -1596,8 +1596,8 @@
     --fgColor-open: #024c1a;
     --fgColor-attention: #603700;
     --fgColor-severe: #702c00;
-    --fgColor-danger: #8a071e;
-    --fgColor-closed: #8a071e;
+    --fgColor-danger: #86061d;
+    --fgColor-closed: #86061d;
     --fgColor-done: #512598;
     --fgColor-upsell: #512598;
     --fgColor-sponsors: #7d0c57;