@primer/primitives 7.11.7 → 7.11.8-rc.0252b5f

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

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #0a0c10;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #409eff;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #4aa3ff;
+  --control-checked-borderColor-active: #54a8ff;
   --control-checked-borderColor-disabled: #7a828e;
   --controlTrack-bgColor-rest: #272b33;
   --controlTrack-bgColor-hover: #383c45;
@@ -121,6 +121,7 @@
   --button-primary-borderColor-disabled: #4ae16866;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #409eff;
+  --button-invisible-fgColor-hover: #71b7ff;
   --button-invisible-fgColor-disabled: #7a828e;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #272b33;
@@ -129,7 +130,7 @@
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #7a828e;
   --button-outline-fgColor-rest: #409eff;
-  --button-outline-fgColor-hover: #409eff;
+  --button-outline-fgColor-hover: #71b7ff;
   --button-outline-fgColor-active: #ffffff;
   --button-outline-fgColor-disabled: #409eff80;
   --button-outline-bgColor-rest: #ffffff;
@@ -154,13 +155,20 @@
   --button-danger-borderColor-active: #ff5353;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --buttonCounter-default-bgColor-rest: #525964;
+  --buttonCounter-invisible-bgColor-rest: #525964;
   --buttonCounter-primary-bgColor-rest: #01040926;
-  --buttonCounter-outline-bgColor-rest: #409eff1a;
-  --buttonCounter-outline-bgColor-hover: #ffffff33;
+  --buttonCounter-outline-bgColor-rest: #194fb133;
+  --buttonCounter-outline-bgColor-hover: #194fb133;
   --buttonCounter-outline-bgColor-disabled: #409eff0d;
+  --buttonCounter-outline-fgColor-rest: #409eff;
+  --buttonCounter-outline-fgColor-hover: #71b7ff;
+  --buttonCounter-outline-fgColor-disabled: #409eff80;
   --buttonCounter-danger-bgColor-hover: #01040926;
   --buttonCounter-danger-bgColor-disabled: #ff6a690d;
   --buttonCounter-danger-bgColor-rest: #01040926;
+  --buttonCounter-danger-fgColor-rest: #ff6a69;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #ff6a6980;
   --focus-outlineColor: #409eff;
   --menu-bgColor-active: #272b33;
   --overlay-bgColor: #272b33;
@@ -178,8 +186,6 @@
   --fgColor-onEmphasis: #0a0c10;
   --fgColor-disabled: #7a828e;
   --fgColor-link-rest: #409eff;
-  --fgColor-link-inverse-rest: #409eff;
-  --fgColor-link-control: #939ca8;
   --fgColor-accent: #409eff;
   --fgColor-success: #26cd4d;
   --fgColor-attention: #f0b72f;
@@ -217,7 +223,7 @@
   --borderColor-muted: #7a828e;
   --borderColor-emphasis: #7a828e;
   --borderColor-disabled: #7a828e;
-  --borderColor-neutral-muted: #9ea7b366;
+  --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;
   --borderColor-accent-muted: #409eff;
   --borderColor-accent-emphasis: #409eff;
@@ -237,146 +243,146 @@
   --borderColor-done-emphasis: #b87fff;
   --borderColor-sponsors-muted: #ef6eb1;
   --borderColor-sponsors-emphasis: #ef6eb1;
-  --ansi-fgColor-black: #7a828e;
-  --ansi-fgColor-blackBright: #9ea7b3;
-  --ansi-fgColor-white: #d9dee3;
-  --ansi-fgColor-whiteBright: #ffffff;
-  --ansi-fgColor-gray: #9ea7b3;
-  --ansi-fgColor-red: #ff9492;
-  --ansi-fgColor-redBright: #ffb1af;
-  --ansi-fgColor-green: #26cd4d;
-  --ansi-fgColor-greenBright: #4ae168;
-  --ansi-fgColor-yellow: #f0b72f;
-  --ansi-fgColor-yellowBright: #f7c843;
-  --ansi-fgColor-blue: #71b7ff;
-  --ansi-fgColor-blueBright: #91cbff;
-  --ansi-fgColor-magenta: #cb9eff;
-  --ansi-fgColor-magentaBright: #dbb7ff;
-  --ansi-fgColor-cyan: #39c5cf;
-  --ansi-fgColor-cyanBright: #56d4dd;
-  --prettylights-syntax-comment: #bdc4cc;
-  --prettylights-syntax-constant: #91cbff;
-  --prettylights-syntax-entity: #dbb7ff;
-  --prettylights-syntax-storageModifierImport: #f0f3f6;
-  --prettylights-syntax-entityTag: #72f088;
-  --prettylights-syntax-keyword: #ff9492;
-  --prettylights-syntax-string: #addcff;
-  --prettylights-syntax-variable: #ffb757;
-  --prettylights-syntax-brackethighlighterUnmatched: #ff6a69;
-  --prettylights-syntax-invalidIllegalText: #ffffff;
-  --prettylights-syntax-invalidIllegalBg: #e82a2f;
-  --prettylights-syntax-carriageReturnText: #ffffff;
-  --prettylights-syntax-carriageReturnBg: #ff4445;
-  --prettylights-syntax-stringRegexp: #72f088;
-  --prettylights-syntax-markupList: #fbd669;
-  --prettylights-syntax-markupHeading: #409eff;
-  --prettylights-syntax-markupItalic: #f0f3f6;
-  --prettylights-syntax-markupBold: #f0f3f6;
-  --prettylights-syntax-markupDeletedText: #ffdedb;
-  --prettylights-syntax-markupDeletedBg: #cc1421;
-  --prettylights-syntax-markupInsertedText: #acf7b6;
-  --prettylights-syntax-markupInsertedBg: #007728;
-  --prettylights-syntax-markupChangedText: #ffe1b4;
-  --prettylights-syntax-markupChangedBg: #a74c00;
-  --prettylights-syntax-markupIgnoredText: #f0f3f6;
-  --prettylights-syntax-markupIgnoredBg: #318bf8;
-  --prettylights-syntax-metaDiffRange: #dbb7ff;
-  --prettylights-syntax-brackethighlighterAngle: #bdc4cc;
-  --prettylights-syntax-sublimelinterGutterMark: #7a828e;
-  --prettylights-syntax-constantOtherReferenceLink: #addcff;
-  --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-0: #ffffff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-1: #f0f3f6; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-2: #d9dee3; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-3: #bdc4cc; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-4: #9ea7b3; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-5: #7a828e; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-6: #525964; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-7: #272b33; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-8: #272b33; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-9: #0a0c10; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-0: #caeaff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-1: #addcff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-2: #91cbff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-3: #71b7ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-4: #409eff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-5: #409eff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-6: #318bf8; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-7: #2672f3; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-8: #1e60d5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-9: #194fb1; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-0: #acf7b6; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-1: #72f088; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-2: #4ae168; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-3: #26cd4d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-4: #09b43a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-5: #09b43a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-6: #02a232; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-7: #008c2c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-8: #007728; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-9: #006222; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-0: #fbe59e; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-1: #fbd669; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-2: #f7c843; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-3: #f0b72f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-4: #e09b13; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-5: #e09b13; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-6: #c88508; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-7: #ae7104; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-8: #945d02; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-9: #7b4900; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-0: #ffe1b4; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-1: #ffcf86; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-2: #ffb757; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-3: #fe9a2d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-4: #e7811d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-5: #e7811d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-6: #d57014; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-7: #bf5e0a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-8: #a74c00; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-9: #8f3c00; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-0: #ffdedb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-1: #ffc9c7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-2: #ffb1af; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-3: #ff9492; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-4: #ff6a69; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-5: #ff6a69; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-6: #ff4445; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-7: #e82a2f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-8: #cc1421; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-9: #ad0116; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-0: #f0dfff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-1: #e6ccff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-2: #dbb7ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-3: #cb9eff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-4: #b780ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-5: #b87fff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-6: #a66bff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-7: #954ffd; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-8: #8031f7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-9: #6921d7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-0: #ffdceb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-1: #ffc7e1; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-2: #ffadd4; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-3: #ff8dc7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-4: #ef6eb1; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-5: #ef6eb1; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-6: #e456a3; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-7: #d23d91; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-8: #b72c7d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-9: #9c1d6a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-0: #ffded4; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-1: #ffcbb9; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-2: #ffb39b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-3: #ff967d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-4: #fc704f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-5: #fc704f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-6: #f75133; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-7: #e03b21; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-8: #c62612; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-9: #a91500; /* Avoid using scales, use other functional tokens instead */
+  --color-ansi-black: #7a828e;
+  --color-ansi-black-bright: #9ea7b3;
+  --color-ansi-white: #d9dee3;
+  --color-ansi-white-bright: #ffffff;
+  --color-ansi-gray: #9ea7b3;
+  --color-ansi-red: #ff9492;
+  --color-ansi-red-bright: #ffb1af;
+  --color-ansi-green: #26cd4d;
+  --color-ansi-green-bright: #4ae168;
+  --color-ansi-yellow: #f0b72f;
+  --color-ansi-yellow-bright: #f7c843;
+  --color-ansi-blue: #71b7ff;
+  --color-ansi-blue-bright: #91cbff;
+  --color-ansi-magenta: #cb9eff;
+  --color-ansi-magenta-bright: #dbb7ff;
+  --color-ansi-cyan: #39c5cf;
+  --color-ansi-cyan-bright: #56d4dd;
+  --color-prettylights-syntax-comment: #bdc4cc;
+  --color-prettylights-syntax-constant: #91cbff;
+  --color-prettylights-syntax-constant-other-reference-link: #addcff;
+  --color-prettylights-syntax-entity: #dbb7ff;
+  --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
+  --color-prettylights-syntax-entity-tag: #72f088;
+  --color-prettylights-syntax-keyword: #ff9492;
+  --color-prettylights-syntax-string: #addcff;
+  --color-prettylights-syntax-variable: #ffb757;
+  --color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
+  --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
+  --color-prettylights-syntax-invalid-illegal-text: #ffffff;
+  --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
+  --color-prettylights-syntax-carriage-return-text: #ffffff;
+  --color-prettylights-syntax-carriage-return-bg: #ff4445;
+  --color-prettylights-syntax-string-regexp: #72f088;
+  --color-prettylights-syntax-markup-list: #fbd669;
+  --color-prettylights-syntax-markup-heading: #409eff;
+  --color-prettylights-syntax-markup-italic: #f0f3f6;
+  --color-prettylights-syntax-markup-bold: #f0f3f6;
+  --color-prettylights-syntax-markup-deleted-text: #ffdedb;
+  --color-prettylights-syntax-markup-deleted-bg: #cc1421;
+  --color-prettylights-syntax-markup-inserted-text: #acf7b6;
+  --color-prettylights-syntax-markup-inserted-bg: #007728;
+  --color-prettylights-syntax-markup-changed-text: #ffe1b4;
+  --color-prettylights-syntax-markup-changed-bg: #a74c00;
+  --color-prettylights-syntax-markup-ignored-text: #f0f3f6;
+  --color-prettylights-syntax-markup-ignored-bg: #318bf8;
+  --color-prettylights-syntax-meta-diff-range: #dbb7ff;
+  --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
+  --color-scale-black: #010409;
+  --color-scale-transparent: #00000000;
+  --color-scale-white: #ffffff;
+  --color-scale-gray-0: #ffffff;
+  --color-scale-gray-1: #f0f3f6;
+  --color-scale-gray-2: #d9dee3;
+  --color-scale-gray-3: #bdc4cc;
+  --color-scale-gray-4: #9ea7b3;
+  --color-scale-gray-5: #7a828e;
+  --color-scale-gray-6: #525964;
+  --color-scale-gray-7: #272b33;
+  --color-scale-gray-8: #272b33;
+  --color-scale-gray-9: #0a0c10;
+  --color-scale-blue-0: #caeaff;
+  --color-scale-blue-1: #addcff;
+  --color-scale-blue-2: #91cbff;
+  --color-scale-blue-3: #71b7ff;
+  --color-scale-blue-4: #409eff;
+  --color-scale-blue-5: #409eff;
+  --color-scale-blue-6: #318bf8;
+  --color-scale-blue-7: #2672f3;
+  --color-scale-blue-8: #1e60d5;
+  --color-scale-blue-9: #194fb1;
+  --color-scale-green-0: #acf7b6;
+  --color-scale-green-1: #72f088;
+  --color-scale-green-2: #4ae168;
+  --color-scale-green-3: #26cd4d;
+  --color-scale-green-4: #09b43a;
+  --color-scale-green-5: #09b43a;
+  --color-scale-green-6: #02a232;
+  --color-scale-green-7: #008c2c;
+  --color-scale-green-8: #007728;
+  --color-scale-green-9: #006222;
+  --color-scale-yellow-0: #fbe59e;
+  --color-scale-yellow-1: #fbd669;
+  --color-scale-yellow-2: #f7c843;
+  --color-scale-yellow-3: #f0b72f;
+  --color-scale-yellow-4: #e09b13;
+  --color-scale-yellow-5: #e09b13;
+  --color-scale-yellow-6: #c88508;
+  --color-scale-yellow-7: #ae7104;
+  --color-scale-yellow-8: #945d02;
+  --color-scale-yellow-9: #7b4900;
+  --color-scale-orange-0: #ffe1b4;
+  --color-scale-orange-1: #ffcf86;
+  --color-scale-orange-2: #ffb757;
+  --color-scale-orange-3: #fe9a2d;
+  --color-scale-orange-4: #e7811d;
+  --color-scale-orange-5: #e7811d;
+  --color-scale-orange-6: #d57014;
+  --color-scale-orange-7: #bf5e0a;
+  --color-scale-orange-8: #a74c00;
+  --color-scale-orange-9: #8f3c00;
+  --color-scale-red-0: #ffdedb;
+  --color-scale-red-1: #ffc9c7;
+  --color-scale-red-2: #ffb1af;
+  --color-scale-red-3: #ff9492;
+  --color-scale-red-4: #ff6a69;
+  --color-scale-red-5: #ff6a69;
+  --color-scale-red-6: #ff4445;
+  --color-scale-red-7: #e82a2f;
+  --color-scale-red-8: #cc1421;
+  --color-scale-red-9: #ad0116;
+  --color-scale-purple-0: #f0dfff;
+  --color-scale-purple-1: #e6ccff;
+  --color-scale-purple-2: #dbb7ff;
+  --color-scale-purple-3: #cb9eff;
+  --color-scale-purple-4: #b780ff;
+  --color-scale-purple-5: #b87fff;
+  --color-scale-purple-6: #a66bff;
+  --color-scale-purple-7: #954ffd;
+  --color-scale-purple-8: #8031f7;
+  --color-scale-purple-9: #6921d7;
+  --color-scale-pink-0: #ffdceb;
+  --color-scale-pink-1: #ffc7e1;
+  --color-scale-pink-2: #ffadd4;
+  --color-scale-pink-3: #ff8dc7;
+  --color-scale-pink-4: #ef6eb1;
+  --color-scale-pink-5: #ef6eb1;
+  --color-scale-pink-6: #e456a3;
+  --color-scale-pink-7: #d23d91;
+  --color-scale-pink-8: #b72c7d;
+  --color-scale-pink-9: #9c1d6a;
+  --color-scale-coral-0: #ffded4;
+  --color-scale-coral-1: #ffcbb9;
+  --color-scale-coral-2: #ffb39b;
+  --color-scale-coral-3: #ff967d;
+  --color-scale-coral-4: #fc704f;
+  --color-scale-coral-5: #fc704f;
+  --color-scale-coral-6: #f75133;
+  --color-scale-coral-7: #e03b21;
+  --color-scale-coral-8: #c62612;
+  --color-scale-coral-9: #a91500;
   --shadow-inset: 0px 0px 0px 0px #000000;
   --shadow-highlight: 0px 0px 0px 0px #000000;
   --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #0a0c10;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #409eff;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #4aa3ff;
+    --control-checked-borderColor-active: #54a8ff;
     --control-checked-borderColor-disabled: #7a828e;
     --controlTrack-bgColor-rest: #272b33;
     --controlTrack-bgColor-hover: #383c45;
@@ -511,6 +517,7 @@
     --button-primary-borderColor-disabled: #4ae16866;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #409eff;
+    --button-invisible-fgColor-hover: #71b7ff;
     --button-invisible-fgColor-disabled: #7a828e;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #272b33;
@@ -519,7 +526,7 @@
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #7a828e;
     --button-outline-fgColor-rest: #409eff;
-    --button-outline-fgColor-hover: #409eff;
+    --button-outline-fgColor-hover: #71b7ff;
     --button-outline-fgColor-active: #ffffff;
     --button-outline-fgColor-disabled: #409eff80;
     --button-outline-bgColor-rest: #ffffff;
@@ -544,13 +551,20 @@
     --button-danger-borderColor-active: #ff5353;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #525964;
+    --buttonCounter-invisible-bgColor-rest: #525964;
     --buttonCounter-primary-bgColor-rest: #01040926;
-    --buttonCounter-outline-bgColor-rest: #409eff1a;
-    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-outline-bgColor-rest: #194fb133;
+    --buttonCounter-outline-bgColor-hover: #194fb133;
     --buttonCounter-outline-bgColor-disabled: #409eff0d;
+    --buttonCounter-outline-fgColor-rest: #409eff;
+    --buttonCounter-outline-fgColor-hover: #71b7ff;
+    --buttonCounter-outline-fgColor-disabled: #409eff80;
     --buttonCounter-danger-bgColor-hover: #01040926;
     --buttonCounter-danger-bgColor-disabled: #ff6a690d;
     --buttonCounter-danger-bgColor-rest: #01040926;
+    --buttonCounter-danger-fgColor-rest: #ff6a69;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #ff6a6980;
     --focus-outlineColor: #409eff;
     --menu-bgColor-active: #272b33;
     --overlay-bgColor: #272b33;
@@ -568,8 +582,6 @@
     --fgColor-onEmphasis: #0a0c10;
     --fgColor-disabled: #7a828e;
     --fgColor-link-rest: #409eff;
-    --fgColor-link-inverse-rest: #409eff;
-    --fgColor-link-control: #939ca8;
     --fgColor-accent: #409eff;
     --fgColor-success: #26cd4d;
     --fgColor-attention: #f0b72f;
@@ -607,7 +619,7 @@
     --borderColor-muted: #7a828e;
     --borderColor-emphasis: #7a828e;
     --borderColor-disabled: #7a828e;
-    --borderColor-neutral-muted: #9ea7b366;
+    --borderColor-neutral-muted: #9ea7b3;
     --borderColor-neutral-emphasis: #9ea7b3;
     --borderColor-accent-muted: #409eff;
     --borderColor-accent-emphasis: #409eff;
@@ -627,146 +639,146 @@
     --borderColor-done-emphasis: #b87fff;
     --borderColor-sponsors-muted: #ef6eb1;
     --borderColor-sponsors-emphasis: #ef6eb1;
-    --ansi-fgColor-black: #7a828e;
-    --ansi-fgColor-blackBright: #9ea7b3;
-    --ansi-fgColor-white: #d9dee3;
-    --ansi-fgColor-whiteBright: #ffffff;
-    --ansi-fgColor-gray: #9ea7b3;
-    --ansi-fgColor-red: #ff9492;
-    --ansi-fgColor-redBright: #ffb1af;
-    --ansi-fgColor-green: #26cd4d;
-    --ansi-fgColor-greenBright: #4ae168;
-    --ansi-fgColor-yellow: #f0b72f;
-    --ansi-fgColor-yellowBright: #f7c843;
-    --ansi-fgColor-blue: #71b7ff;
-    --ansi-fgColor-blueBright: #91cbff;
-    --ansi-fgColor-magenta: #cb9eff;
-    --ansi-fgColor-magentaBright: #dbb7ff;
-    --ansi-fgColor-cyan: #39c5cf;
-    --ansi-fgColor-cyanBright: #56d4dd;
-    --prettylights-syntax-comment: #bdc4cc;
-    --prettylights-syntax-constant: #91cbff;
-    --prettylights-syntax-entity: #dbb7ff;
-    --prettylights-syntax-storageModifierImport: #f0f3f6;
-    --prettylights-syntax-entityTag: #72f088;
-    --prettylights-syntax-keyword: #ff9492;
-    --prettylights-syntax-string: #addcff;
-    --prettylights-syntax-variable: #ffb757;
-    --prettylights-syntax-brackethighlighterUnmatched: #ff6a69;
-    --prettylights-syntax-invalidIllegalText: #ffffff;
-    --prettylights-syntax-invalidIllegalBg: #e82a2f;
-    --prettylights-syntax-carriageReturnText: #ffffff;
-    --prettylights-syntax-carriageReturnBg: #ff4445;
-    --prettylights-syntax-stringRegexp: #72f088;
-    --prettylights-syntax-markupList: #fbd669;
-    --prettylights-syntax-markupHeading: #409eff;
-    --prettylights-syntax-markupItalic: #f0f3f6;
-    --prettylights-syntax-markupBold: #f0f3f6;
-    --prettylights-syntax-markupDeletedText: #ffdedb;
-    --prettylights-syntax-markupDeletedBg: #cc1421;
-    --prettylights-syntax-markupInsertedText: #acf7b6;
-    --prettylights-syntax-markupInsertedBg: #007728;
-    --prettylights-syntax-markupChangedText: #ffe1b4;
-    --prettylights-syntax-markupChangedBg: #a74c00;
-    --prettylights-syntax-markupIgnoredText: #f0f3f6;
-    --prettylights-syntax-markupIgnoredBg: #318bf8;
-    --prettylights-syntax-metaDiffRange: #dbb7ff;
-    --prettylights-syntax-brackethighlighterAngle: #bdc4cc;
-    --prettylights-syntax-sublimelinterGutterMark: #7a828e;
-    --prettylights-syntax-constantOtherReferenceLink: #addcff;
-    --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-0: #ffffff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-1: #f0f3f6; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-2: #d9dee3; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-3: #bdc4cc; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-4: #9ea7b3; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-5: #7a828e; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-6: #525964; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-7: #272b33; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-8: #272b33; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-9: #0a0c10; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-0: #caeaff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-1: #addcff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-2: #91cbff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-3: #71b7ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-4: #409eff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-5: #409eff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-6: #318bf8; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-7: #2672f3; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-8: #1e60d5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-9: #194fb1; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-0: #acf7b6; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-1: #72f088; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-2: #4ae168; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-3: #26cd4d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-4: #09b43a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-5: #09b43a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-6: #02a232; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-7: #008c2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-8: #007728; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-9: #006222; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-0: #fbe59e; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-1: #fbd669; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-2: #f7c843; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-3: #f0b72f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-4: #e09b13; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-5: #e09b13; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-6: #c88508; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-7: #ae7104; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-8: #945d02; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-9: #7b4900; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-0: #ffe1b4; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-1: #ffcf86; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-2: #ffb757; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-3: #fe9a2d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-4: #e7811d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-5: #e7811d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-6: #d57014; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-7: #bf5e0a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-8: #a74c00; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-9: #8f3c00; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-0: #ffdedb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-1: #ffc9c7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-2: #ffb1af; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-3: #ff9492; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-4: #ff6a69; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-5: #ff6a69; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-6: #ff4445; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-7: #e82a2f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-8: #cc1421; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-9: #ad0116; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-0: #f0dfff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-1: #e6ccff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-2: #dbb7ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-3: #cb9eff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-4: #b780ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-5: #b87fff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-6: #a66bff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-7: #954ffd; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-8: #8031f7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-9: #6921d7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-0: #ffdceb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-1: #ffc7e1; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-2: #ffadd4; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-3: #ff8dc7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-4: #ef6eb1; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-5: #ef6eb1; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-6: #e456a3; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-7: #d23d91; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-8: #b72c7d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-9: #9c1d6a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-0: #ffded4; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-1: #ffcbb9; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-2: #ffb39b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-3: #ff967d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-4: #fc704f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-5: #fc704f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-6: #f75133; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-7: #e03b21; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-8: #c62612; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-9: #a91500; /* Avoid using scales, use other functional tokens instead */
+    --color-ansi-black: #7a828e;
+    --color-ansi-black-bright: #9ea7b3;
+    --color-ansi-white: #d9dee3;
+    --color-ansi-white-bright: #ffffff;
+    --color-ansi-gray: #9ea7b3;
+    --color-ansi-red: #ff9492;
+    --color-ansi-red-bright: #ffb1af;
+    --color-ansi-green: #26cd4d;
+    --color-ansi-green-bright: #4ae168;
+    --color-ansi-yellow: #f0b72f;
+    --color-ansi-yellow-bright: #f7c843;
+    --color-ansi-blue: #71b7ff;
+    --color-ansi-blue-bright: #91cbff;
+    --color-ansi-magenta: #cb9eff;
+    --color-ansi-magenta-bright: #dbb7ff;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyan-bright: #56d4dd;
+    --color-prettylights-syntax-comment: #bdc4cc;
+    --color-prettylights-syntax-constant: #91cbff;
+    --color-prettylights-syntax-constant-other-reference-link: #addcff;
+    --color-prettylights-syntax-entity: #dbb7ff;
+    --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
+    --color-prettylights-syntax-entity-tag: #72f088;
+    --color-prettylights-syntax-keyword: #ff9492;
+    --color-prettylights-syntax-string: #addcff;
+    --color-prettylights-syntax-variable: #ffb757;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
+    --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
+    --color-prettylights-syntax-invalid-illegal-text: #ffffff;
+    --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
+    --color-prettylights-syntax-carriage-return-text: #ffffff;
+    --color-prettylights-syntax-carriage-return-bg: #ff4445;
+    --color-prettylights-syntax-string-regexp: #72f088;
+    --color-prettylights-syntax-markup-list: #fbd669;
+    --color-prettylights-syntax-markup-heading: #409eff;
+    --color-prettylights-syntax-markup-italic: #f0f3f6;
+    --color-prettylights-syntax-markup-bold: #f0f3f6;
+    --color-prettylights-syntax-markup-deleted-text: #ffdedb;
+    --color-prettylights-syntax-markup-deleted-bg: #cc1421;
+    --color-prettylights-syntax-markup-inserted-text: #acf7b6;
+    --color-prettylights-syntax-markup-inserted-bg: #007728;
+    --color-prettylights-syntax-markup-changed-text: #ffe1b4;
+    --color-prettylights-syntax-markup-changed-bg: #a74c00;
+    --color-prettylights-syntax-markup-ignored-text: #f0f3f6;
+    --color-prettylights-syntax-markup-ignored-bg: #318bf8;
+    --color-prettylights-syntax-meta-diff-range: #dbb7ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
+    --color-scale-black: #010409;
+    --color-scale-transparent: #00000000;
+    --color-scale-white: #ffffff;
+    --color-scale-gray-0: #ffffff;
+    --color-scale-gray-1: #f0f3f6;
+    --color-scale-gray-2: #d9dee3;
+    --color-scale-gray-3: #bdc4cc;
+    --color-scale-gray-4: #9ea7b3;
+    --color-scale-gray-5: #7a828e;
+    --color-scale-gray-6: #525964;
+    --color-scale-gray-7: #272b33;
+    --color-scale-gray-8: #272b33;
+    --color-scale-gray-9: #0a0c10;
+    --color-scale-blue-0: #caeaff;
+    --color-scale-blue-1: #addcff;
+    --color-scale-blue-2: #91cbff;
+    --color-scale-blue-3: #71b7ff;
+    --color-scale-blue-4: #409eff;
+    --color-scale-blue-5: #409eff;
+    --color-scale-blue-6: #318bf8;
+    --color-scale-blue-7: #2672f3;
+    --color-scale-blue-8: #1e60d5;
+    --color-scale-blue-9: #194fb1;
+    --color-scale-green-0: #acf7b6;
+    --color-scale-green-1: #72f088;
+    --color-scale-green-2: #4ae168;
+    --color-scale-green-3: #26cd4d;
+    --color-scale-green-4: #09b43a;
+    --color-scale-green-5: #09b43a;
+    --color-scale-green-6: #02a232;
+    --color-scale-green-7: #008c2c;
+    --color-scale-green-8: #007728;
+    --color-scale-green-9: #006222;
+    --color-scale-yellow-0: #fbe59e;
+    --color-scale-yellow-1: #fbd669;
+    --color-scale-yellow-2: #f7c843;
+    --color-scale-yellow-3: #f0b72f;
+    --color-scale-yellow-4: #e09b13;
+    --color-scale-yellow-5: #e09b13;
+    --color-scale-yellow-6: #c88508;
+    --color-scale-yellow-7: #ae7104;
+    --color-scale-yellow-8: #945d02;
+    --color-scale-yellow-9: #7b4900;
+    --color-scale-orange-0: #ffe1b4;
+    --color-scale-orange-1: #ffcf86;
+    --color-scale-orange-2: #ffb757;
+    --color-scale-orange-3: #fe9a2d;
+    --color-scale-orange-4: #e7811d;
+    --color-scale-orange-5: #e7811d;
+    --color-scale-orange-6: #d57014;
+    --color-scale-orange-7: #bf5e0a;
+    --color-scale-orange-8: #a74c00;
+    --color-scale-orange-9: #8f3c00;
+    --color-scale-red-0: #ffdedb;
+    --color-scale-red-1: #ffc9c7;
+    --color-scale-red-2: #ffb1af;
+    --color-scale-red-3: #ff9492;
+    --color-scale-red-4: #ff6a69;
+    --color-scale-red-5: #ff6a69;
+    --color-scale-red-6: #ff4445;
+    --color-scale-red-7: #e82a2f;
+    --color-scale-red-8: #cc1421;
+    --color-scale-red-9: #ad0116;
+    --color-scale-purple-0: #f0dfff;
+    --color-scale-purple-1: #e6ccff;
+    --color-scale-purple-2: #dbb7ff;
+    --color-scale-purple-3: #cb9eff;
+    --color-scale-purple-4: #b780ff;
+    --color-scale-purple-5: #b87fff;
+    --color-scale-purple-6: #a66bff;
+    --color-scale-purple-7: #954ffd;
+    --color-scale-purple-8: #8031f7;
+    --color-scale-purple-9: #6921d7;
+    --color-scale-pink-0: #ffdceb;
+    --color-scale-pink-1: #ffc7e1;
+    --color-scale-pink-2: #ffadd4;
+    --color-scale-pink-3: #ff8dc7;
+    --color-scale-pink-4: #ef6eb1;
+    --color-scale-pink-5: #ef6eb1;
+    --color-scale-pink-6: #e456a3;
+    --color-scale-pink-7: #d23d91;
+    --color-scale-pink-8: #b72c7d;
+    --color-scale-pink-9: #9c1d6a;
+    --color-scale-coral-0: #ffded4;
+    --color-scale-coral-1: #ffcbb9;
+    --color-scale-coral-2: #ffb39b;
+    --color-scale-coral-3: #ff967d;
+    --color-scale-coral-4: #fc704f;
+    --color-scale-coral-5: #fc704f;
+    --color-scale-coral-6: #f75133;
+    --color-scale-coral-7: #e03b21;
+    --color-scale-coral-8: #c62612;
+    --color-scale-coral-9: #a91500;
     --shadow-inset: 0px 0px 0px 0px #000000;
     --shadow-highlight: 0px 0px 0px 0px #000000;
     --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;