@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8

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

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #2a7aef;
+  --control-checked-borderColor-active: #3685f3;
   --control-checked-borderColor-disabled: #484f58;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #29903b;
   --button-primary-bgColor-active: #2e9a40;
   --button-primary-bgColor-disabled: #46bf57;
-  --button-primary-borderColor-rest: #30363dcc;
-  --button-primary-borderColor-hover: #30363dcc;
-  --button-primary-borderColor-disabled: #30363dcc;
+  --button-primary-borderColor-rest: #f0f6fc1a;
+  --button-primary-borderColor-hover: #f0f6fc1a;
+  --button-primary-borderColor-disabled: #f0f6fc1a;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #2f81f7;
+  --button-invisible-fgColor-hover: #58a6ff;
   --button-invisible-fgColor-disabled: #484f58;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
@@ -128,8 +129,8 @@
   --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-  --button-outline-fgColor-rest: #2f81f7;
-  --button-outline-fgColor-hover: #2f81f7;
+  --button-outline-fgColor-rest: #388bfd;
+  --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
   --button-outline-fgColor-disabled: #2f81f780;
   --button-outline-bgColor-rest: #f0f6fc;
@@ -154,13 +155,20 @@
   --button-danger-borderColor-active: #d03533;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --buttonCounter-default-bgColor-rest: #30363d;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
-  --buttonCounter-outline-bgColor-rest: #1f6feb1a;
-  --buttonCounter-outline-bgColor-hover: #ffffff33;
+  --buttonCounter-invisible-bgColor-rest: #30363d;
+  --buttonCounter-primary-bgColor-rest: #04260f33;
+  --buttonCounter-outline-bgColor-rest: #051d4d33;
+  --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-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #da36330d;
-  --buttonCounter-danger-bgColor-rest: #da36331a;
+  --buttonCounter-danger-bgColor-rest: #49020233;
+  --buttonCounter-danger-fgColor-rest: #f85149;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #f8514980;
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
@@ -178,8 +186,6 @@
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #484f58;
   --fgColor-link-rest: #2f81f7;
-  --fgColor-link-inverse-rest: #1f6feb;
-  --fgColor-link-control: #636a75;
   --fgColor-accent: #2f81f7;
   --fgColor-success: #3fb950;
   --fgColor-attention: #d29922;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #1f6feb;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #2a7aef;
+    --control-checked-borderColor-active: #3685f3;
     --control-checked-borderColor-disabled: #484f58;
     --controlTrack-bgColor-rest: #21262d;
     --controlTrack-bgColor-hover: #292e36;
@@ -506,11 +512,12 @@
     --button-primary-bgColor-hover: #29903b;
     --button-primary-bgColor-active: #2e9a40;
     --button-primary-bgColor-disabled: #46bf57;
-    --button-primary-borderColor-rest: #30363dcc;
-    --button-primary-borderColor-hover: #30363dcc;
-    --button-primary-borderColor-disabled: #30363dcc;
+    --button-primary-borderColor-rest: #f0f6fc1a;
+    --button-primary-borderColor-hover: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #f0f6fc1a;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-hover: #58a6ff;
     --button-invisible-fgColor-disabled: #484f58;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
@@ -518,8 +525,8 @@
     --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
-    --button-outline-fgColor-rest: #2f81f7;
-    --button-outline-fgColor-hover: #2f81f7;
+    --button-outline-fgColor-rest: #388bfd;
+    --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
     --button-outline-fgColor-disabled: #2f81f780;
     --button-outline-bgColor-rest: #f0f6fc;
@@ -544,13 +551,20 @@
     --button-danger-borderColor-active: #d03533;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #30363d;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
-    --buttonCounter-outline-bgColor-rest: #1f6feb1a;
-    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-invisible-bgColor-rest: #30363d;
+    --buttonCounter-primary-bgColor-rest: #04260f33;
+    --buttonCounter-outline-bgColor-rest: #051d4d33;
+    --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-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #da36330d;
-    --buttonCounter-danger-bgColor-rest: #da36331a;
+    --buttonCounter-danger-bgColor-rest: #49020233;
+    --buttonCounter-danger-fgColor-rest: #f85149;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #f8514980;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
@@ -568,8 +582,6 @@
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #484f58;
     --fgColor-link-rest: #2f81f7;
-    --fgColor-link-inverse-rest: #1f6feb;
-    --fgColor-link-control: #636a75;
     --fgColor-accent: #2f81f7;
     --fgColor-success: #3fb950;
     --fgColor-attention: #d29922;

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

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #ffffff;
   --control-checked-borderColor-rest: #0969da;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #0860ca;
+  --control-checked-borderColor-active: #0757ba;
   --control-checked-borderColor-disabled: #8c959f;
   --controlTrack-bgColor-rest: #eaeef2;
   --controlTrack-bgColor-hover: #dee3e8;
@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #0d6bd8;
   --button-primary-bgColor-active: #0b64ce;
   --button-primary-bgColor-disabled: #92caff;
-  --button-primary-borderColor-rest: #d0d7decc;
-  --button-primary-borderColor-hover: #d0d7decc;
-  --button-primary-borderColor-disabled: #d0d7decc;
+  --button-primary-borderColor-rest: #1f232826;
+  --button-primary-borderColor-hover: #1f232826;
+  --button-primary-borderColor-disabled: #1f232826;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
   --button-invisible-fgColor-rest: #0969da;
+  --button-invisible-fgColor-hover: #0969da;
   --button-invisible-fgColor-disabled: #8c959f;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #d0d7de33;
@@ -153,14 +154,21 @@
   --button-danger-borderColor-hover: #d0d7de;
   --button-danger-borderColor-active: #d0d7de;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
-  --buttonCounter-default-bgColor-rest: #eaeef280;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
+  --buttonCounter-default-bgColor-rest: #eaeef2;
+  --buttonCounter-invisible-bgColor-rest: #eaeef2;
+  --buttonCounter-primary-bgColor-rest: #002d1133;
   --buttonCounter-outline-bgColor-rest: #0969da1a;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
   --buttonCounter-outline-bgColor-disabled: #0969da0d;
+  --buttonCounter-outline-fgColor-rest: #0550ae;
+  --buttonCounter-outline-fgColor-hover: #ffffff;
+  --buttonCounter-outline-fgColor-disabled: #0969da80;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #bc4c000d;
   --buttonCounter-danger-bgColor-rest: #bc4c001a;
+  --buttonCounter-danger-fgColor-rest: #c21c2c;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #be4e0280;
   --focus-outlineColor: #0969da;
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -179,8 +187,6 @@
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #8c959f;
   --fgColor-link-rest: #0969da;
-  --fgColor-link-inverse-rest: #54aeff;
-  --fgColor-link-control: #868f99;
   --fgColor-accent: #0969da;
   --fgColor-success: #0969da;
   --fgColor-attention: #9a6700;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #ffffff;
     --control-checked-borderColor-rest: #0969da;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #0860ca;
+    --control-checked-borderColor-active: #0757ba;
     --control-checked-borderColor-disabled: #8c959f;
     --controlTrack-bgColor-rest: #eaeef2;
     --controlTrack-bgColor-hover: #dee3e8;
@@ -506,11 +512,12 @@
     --button-primary-bgColor-hover: #0d6bd8;
     --button-primary-bgColor-active: #0b64ce;
     --button-primary-bgColor-disabled: #92caff;
-    --button-primary-borderColor-rest: #d0d7decc;
-    --button-primary-borderColor-hover: #d0d7decc;
-    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-borderColor-rest: #1f232826;
+    --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-disabled: #1f232826;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
     --button-invisible-fgColor-rest: #0969da;
+    --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #d0d7de33;
@@ -543,14 +550,21 @@
     --button-danger-borderColor-hover: #d0d7de;
     --button-danger-borderColor-active: #d0d7de;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
-    --buttonCounter-default-bgColor-rest: #eaeef280;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-default-bgColor-rest: #eaeef2;
+    --buttonCounter-invisible-bgColor-rest: #eaeef2;
+    --buttonCounter-primary-bgColor-rest: #002d1133;
     --buttonCounter-outline-bgColor-rest: #0969da1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-outline-fgColor-rest: #0550ae;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #0969da80;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #bc4c000d;
     --buttonCounter-danger-bgColor-rest: #bc4c001a;
+    --buttonCounter-danger-fgColor-rest: #c21c2c;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #be4e0280;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
@@ -569,8 +583,6 @@
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #8c959f;
     --fgColor-link-rest: #0969da;
-    --fgColor-link-inverse-rest: #54aeff;
-    --fgColor-link-control: #868f99;
     --fgColor-accent: #0969da;
     --fgColor-success: #0969da;
     --fgColor-attention: #9a6700;

package/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #ffffff;
   --control-checked-borderColor-rest: #0349b4;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #0344a8;
+  --control-checked-borderColor-active: #033f9d;
   --control-checked-borderColor-disabled: #88929d;
   --controlTrack-bgColor-rest: #acb6c0;
   --controlTrack-bgColor-hover: #9ea8b2;
@@ -118,9 +118,10 @@
   --button-primary-bgColor-disabled: #85cb97;
   --button-primary-borderColor-rest: #013d14;
   --button-primary-borderColor-hover: #013d14;
-  --button-primary-borderColor-disabled: #88929dcc;
+  --button-primary-borderColor-disabled: #013d14;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
   --button-invisible-fgColor-rest: #023b95;
+  --button-invisible-fgColor-hover: #023b95;
   --button-invisible-fgColor-disabled: #88929d;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #e7ecf0;
@@ -153,14 +154,21 @@
   --button-danger-borderColor-hover: #20252c;
   --button-danger-borderColor-active: #20252c;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
-  --buttonCounter-default-bgColor-rest: #e7ecf0;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
+  --buttonCounter-default-bgColor-rest: #66707b33;
+  --buttonCounter-invisible-bgColor-rest: #66707b33;
+  --buttonCounter-primary-bgColor-rest: #00230b33;
   --buttonCounter-outline-bgColor-rest: #0349b41a;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
   --buttonCounter-outline-bgColor-disabled: #0349b40d;
+  --buttonCounter-outline-fgColor-rest: #023b95;
+  --buttonCounter-outline-fgColor-hover: #ffffff;
+  --buttonCounter-outline-fgColor-disabled: #023b9580;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #a0111f0d;
   --buttonCounter-danger-bgColor-rest: #a0111f1a;
+  --buttonCounter-danger-fgColor-rest: #980e1e;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #8a071e80;
   --focus-outlineColor: #0349b4;
   --focus-outline: #0349b4 solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -172,15 +180,13 @@
   --timelineBadge-bgColor: #e7ecf0;
   --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
   --underlineNav-borderColor-active: #cd3425;
-  --underlineNav-borderColor-hover: #acb6c033;
+  --underlineNav-borderColor-hover: #88929d;
   --underlineNav-iconColor-rest: #0e1116;
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #88929d;
   --fgColor-link-rest: #023b95;
-  --fgColor-link-inverse-rest: #368cf9;
-  --fgColor-link-control: #818b96;
   --fgColor-accent: #023b95;
   --fgColor-success: #055d20;
   --fgColor-attention: #744500;
@@ -218,7 +224,7 @@
   --borderColor-muted: #88929d;
   --borderColor-emphasis: #66707b;
   --borderColor-disabled: #20252c;
-  --borderColor-neutral-muted: #acb6c033;
+  --borderColor-neutral-muted: #88929d;
   --borderColor-neutral-emphasis: #66707b;
   --borderColor-accent-muted: #368cf9;
   --borderColor-accent-emphasis: #0349b4;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #ffffff;
     --control-checked-borderColor-rest: #0349b4;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #0344a8;
+    --control-checked-borderColor-active: #033f9d;
     --control-checked-borderColor-disabled: #88929d;
     --controlTrack-bgColor-rest: #acb6c0;
     --controlTrack-bgColor-hover: #9ea8b2;
@@ -508,9 +514,10 @@
     --button-primary-bgColor-disabled: #85cb97;
     --button-primary-borderColor-rest: #013d14;
     --button-primary-borderColor-hover: #013d14;
-    --button-primary-borderColor-disabled: #88929dcc;
+    --button-primary-borderColor-disabled: #013d14;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
     --button-invisible-fgColor-rest: #023b95;
+    --button-invisible-fgColor-hover: #023b95;
     --button-invisible-fgColor-disabled: #88929d;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #e7ecf0;
@@ -543,14 +550,21 @@
     --button-danger-borderColor-hover: #20252c;
     --button-danger-borderColor-active: #20252c;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
-    --buttonCounter-default-bgColor-rest: #e7ecf0;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-default-bgColor-rest: #66707b33;
+    --buttonCounter-invisible-bgColor-rest: #66707b33;
+    --buttonCounter-primary-bgColor-rest: #00230b33;
     --buttonCounter-outline-bgColor-rest: #0349b41a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0349b40d;
+    --buttonCounter-outline-fgColor-rest: #023b95;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #023b9580;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #a0111f0d;
     --buttonCounter-danger-bgColor-rest: #a0111f1a;
+    --buttonCounter-danger-fgColor-rest: #980e1e;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #8a071e80;
     --focus-outlineColor: #0349b4;
     --focus-outline: #0349b4 solid 2px;
     --menu-bgColor-active: #ffffff00;
@@ -562,15 +576,13 @@
     --timelineBadge-bgColor: #e7ecf0;
     --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
     --underlineNav-borderColor-active: #cd3425;
-    --underlineNav-borderColor-hover: #acb6c033;
+    --underlineNav-borderColor-hover: #88929d;
     --underlineNav-iconColor-rest: #0e1116;
     --fgColor-default: #010409;
     --fgColor-muted: #0e1116;
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #88929d;
     --fgColor-link-rest: #023b95;
-    --fgColor-link-inverse-rest: #368cf9;
-    --fgColor-link-control: #818b96;
     --fgColor-accent: #023b95;
     --fgColor-success: #055d20;
     --fgColor-attention: #744500;
@@ -608,7 +620,7 @@
     --borderColor-muted: #88929d;
     --borderColor-emphasis: #66707b;
     --borderColor-disabled: #20252c;
-    --borderColor-neutral-muted: #acb6c033;
+    --borderColor-neutral-muted: #88929d;
     --borderColor-neutral-emphasis: #66707b;
     --borderColor-accent-muted: #368cf9;
     --borderColor-accent-emphasis: #0349b4;

package/tokens-next-private/css/functional/themes/light-tritanopia.css

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #ffffff;
   --control-checked-borderColor-rest: #0969da;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #0860ca;
+  --control-checked-borderColor-active: #0757ba;
   --control-checked-borderColor-disabled: #8c959f;
   --controlTrack-bgColor-rest: #eaeef2;
   --controlTrack-bgColor-hover: #dee3e8;
@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #0d6bd8;
   --button-primary-bgColor-active: #0b64ce;
   --button-primary-bgColor-disabled: #92caff;
-  --button-primary-borderColor-rest: #d0d7decc;
-  --button-primary-borderColor-hover: #d0d7decc;
-  --button-primary-borderColor-disabled: #d0d7decc;
+  --button-primary-borderColor-rest: #1f232826;
+  --button-primary-borderColor-hover: #1f232826;
+  --button-primary-borderColor-disabled: #1f232826;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
   --button-invisible-fgColor-rest: #0969da;
+  --button-invisible-fgColor-hover: #0969da;
   --button-invisible-fgColor-disabled: #8c959f;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #d0d7de33;
@@ -153,14 +154,21 @@
   --button-danger-borderColor-hover: #d0d7de;
   --button-danger-borderColor-active: #d0d7de;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
-  --buttonCounter-default-bgColor-rest: #eaeef280;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
+  --buttonCounter-default-bgColor-rest: #eaeef2;
+  --buttonCounter-invisible-bgColor-rest: #eaeef2;
+  --buttonCounter-primary-bgColor-rest: #002d1133;
   --buttonCounter-outline-bgColor-rest: #0969da1a;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
   --buttonCounter-outline-bgColor-disabled: #0969da0d;
+  --buttonCounter-outline-fgColor-rest: #0550ae;
+  --buttonCounter-outline-fgColor-hover: #ffffff;
+  --buttonCounter-outline-fgColor-disabled: #0969da80;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #cf222e0d;
   --buttonCounter-danger-bgColor-rest: #cf222e1a;
+  --buttonCounter-danger-fgColor-rest: #c21c2c;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #d1242f80;
   --focus-outlineColor: #0969da;
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -179,15 +187,13 @@
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #8c959f;
   --fgColor-link-rest: #0969da;
-  --fgColor-link-inverse-rest: #54aeff;
-  --fgColor-link-control: #868f99;
   --fgColor-accent: #0969da;
   --fgColor-success: #0969da;
   --fgColor-attention: #9a6700;
   --fgColor-severe: #cf222e;
   --fgColor-danger: #d1242f;
-  --fgColor-open: #0969da;
-  --fgColor-closed: #d1242f;
+  --fgColor-open: #cf222e;
+  --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
@@ -206,10 +212,10 @@
   --bgColor-severe-emphasis: #cf222e;
   --bgColor-danger-muted: #ffebe9;
   --bgColor-danger-emphasis: #cf222e;
-  --bgColor-open-muted: #ddf4ff;
-  --bgColor-open-emphasis: #0f72e3;
-  --bgColor-closed-muted: #ffebe9;
-  --bgColor-closed-emphasis: #cf222e;
+  --bgColor-open-muted: #ffebe9;
+  --bgColor-open-emphasis: #cf222e;
+  --bgColor-closed-muted: #f6f8fa;
+  --bgColor-closed-emphasis: #6e7781;
   --bgColor-done-muted: #fbefff;
   --bgColor-done-emphasis: #8250df;
   --bgColor-sponsors-muted: #ffeff7;
@@ -230,10 +236,10 @@
   --borderColor-severe-emphasis: #cf222e;
   --borderColor-danger-muted: #ff818266;
   --borderColor-danger-emphasis: #cf222e;
-  --borderColor-open-muted: #54aeff66;
-  --borderColor-open-emphasis: #218bff;
-  --borderColor-closed-muted: #ff818266;
-  --borderColor-closed-emphasis: #cf222e;
+  --borderColor-open-muted: #ff818266;
+  --borderColor-open-emphasis: #cf222e;
+  --borderColor-closed-muted: #afb8c166;
+  --borderColor-closed-emphasis: #6e7781;
   --borderColor-done-muted: #c297ff66;
   --borderColor-done-emphasis: #8250df;
   --borderColor-sponsors-muted: #ff80c866;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #ffffff;
     --control-checked-borderColor-rest: #0969da;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #0860ca;
+    --control-checked-borderColor-active: #0757ba;
     --control-checked-borderColor-disabled: #8c959f;
     --controlTrack-bgColor-rest: #eaeef2;
     --controlTrack-bgColor-hover: #dee3e8;
@@ -506,11 +512,12 @@
     --button-primary-bgColor-hover: #0d6bd8;
     --button-primary-bgColor-active: #0b64ce;
     --button-primary-bgColor-disabled: #92caff;
-    --button-primary-borderColor-rest: #d0d7decc;
-    --button-primary-borderColor-hover: #d0d7decc;
-    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-borderColor-rest: #1f232826;
+    --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-disabled: #1f232826;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
     --button-invisible-fgColor-rest: #0969da;
+    --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #d0d7de33;
@@ -543,14 +550,21 @@
     --button-danger-borderColor-hover: #d0d7de;
     --button-danger-borderColor-active: #d0d7de;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
-    --buttonCounter-default-bgColor-rest: #eaeef280;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-default-bgColor-rest: #eaeef2;
+    --buttonCounter-invisible-bgColor-rest: #eaeef2;
+    --buttonCounter-primary-bgColor-rest: #002d1133;
     --buttonCounter-outline-bgColor-rest: #0969da1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-outline-fgColor-rest: #0550ae;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #0969da80;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #cf222e0d;
     --buttonCounter-danger-bgColor-rest: #cf222e1a;
+    --buttonCounter-danger-fgColor-rest: #c21c2c;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #d1242f80;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
@@ -569,15 +583,13 @@
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #8c959f;
     --fgColor-link-rest: #0969da;
-    --fgColor-link-inverse-rest: #54aeff;
-    --fgColor-link-control: #868f99;
     --fgColor-accent: #0969da;
     --fgColor-success: #0969da;
     --fgColor-attention: #9a6700;
     --fgColor-severe: #cf222e;
     --fgColor-danger: #d1242f;
-    --fgColor-open: #0969da;
-    --fgColor-closed: #d1242f;
+    --fgColor-open: #cf222e;
+    --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
@@ -596,10 +608,10 @@
     --bgColor-severe-emphasis: #cf222e;
     --bgColor-danger-muted: #ffebe9;
     --bgColor-danger-emphasis: #cf222e;
-    --bgColor-open-muted: #ddf4ff;
-    --bgColor-open-emphasis: #0f72e3;
-    --bgColor-closed-muted: #ffebe9;
-    --bgColor-closed-emphasis: #cf222e;
+    --bgColor-open-muted: #ffebe9;
+    --bgColor-open-emphasis: #cf222e;
+    --bgColor-closed-muted: #f6f8fa;
+    --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
@@ -620,10 +632,10 @@
     --borderColor-severe-emphasis: #cf222e;
     --borderColor-danger-muted: #ff818266;
     --borderColor-danger-emphasis: #cf222e;
-    --borderColor-open-muted: #54aeff66;
-    --borderColor-open-emphasis: #218bff;
-    --borderColor-closed-muted: #ff818266;
-    --borderColor-closed-emphasis: #cf222e;
+    --borderColor-open-muted: #ff818266;
+    --borderColor-open-emphasis: #cf222e;
+    --borderColor-closed-muted: #afb8c166;
+    --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;