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

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

@@ -42,7 +42,7 @@
   --headerSearch-bgColor: #22272e;
   --headerSearch-borderColor: #444c56;
   --avatar-bgColor: #cdd9e51a;
-  --avatar-borderColor: #00000000;
+  --avatar-borderColor: #444c5666;
   --avatar-shadow: 0px 0px 0px 2px #22272e;
   --avatarStack-fade-bgColor-default: #444c56;
   --avatarStack-fade-bgColor-muted: #373e47;
@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #cdd9e5;
   --control-checked-fgColor-disabled: #1c2128;
   --control-checked-borderColor-rest: #316dca;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #3876d3;
+  --control-checked-borderColor-active: #3f7fdb;
   --control-checked-borderColor-disabled: #545d68;
   --controlTrack-bgColor-rest: #373e47;
   --controlTrack-bgColor-hover: #3d444e;
@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #3b8640;
   --button-primary-bgColor-active: #428f46;
   --button-primary-bgColor-disabled: #50a254;
-  --button-primary-borderColor-rest: #444c56cc;
-  --button-primary-borderColor-hover: #444c56cc;
-  --button-primary-borderColor-disabled: #444c56cc;
+  --button-primary-borderColor-rest: #cdd9e51a;
+  --button-primary-borderColor-hover: #cdd9e51a;
+  --button-primary-borderColor-disabled: #cdd9e51a;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #3b7cdb;
+  --button-invisible-fgColor-hover: #539bf5;
   --button-invisible-fgColor-disabled: #545d68;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #909dab1f;
@@ -128,8 +129,8 @@
   --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-  --button-outline-fgColor-rest: #3b7cdb;
-  --button-outline-fgColor-hover: #3b7cdb;
+  --button-outline-fgColor-rest: #4184e4;
+  --button-outline-fgColor-hover: #539bf5;
   --button-outline-fgColor-active: #cdd9e5;
   --button-outline-fgColor-disabled: #3b7cdb80;
   --button-outline-bgColor-rest: #cdd9e5;
@@ -154,13 +155,20 @@
   --button-danger-borderColor-active: #c33d38;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --buttonCounter-default-bgColor-rest: #444c56;
-  --buttonCounter-primary-bgColor-rest: #cdd9e533;
-  --buttonCounter-outline-bgColor-rest: #316dca1a;
-  --buttonCounter-outline-bgColor-hover: #cdd9e533;
+  --buttonCounter-invisible-bgColor-rest: #444c56;
+  --buttonCounter-primary-bgColor-rest: #11341733;
+  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
+  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
   --buttonCounter-outline-bgColor-disabled: #316dca0d;
+  --buttonCounter-outline-fgColor-rest: #4184e4;
+  --buttonCounter-outline-fgColor-hover: #539bf5;
+  --buttonCounter-outline-fgColor-disabled: #3b7cdb80;
   --buttonCounter-danger-bgColor-hover: #cdd9e533;
   --buttonCounter-danger-bgColor-disabled: #c93c370d;
-  --buttonCounter-danger-bgColor-rest: #c93c371a;
+  --buttonCounter-danger-bgColor-rest: #5d0f1233;
+  --buttonCounter-danger-fgColor-rest: #e5534b;
+  --buttonCounter-danger-fgColor-hover: #cdd9e5;
+  --buttonCounter-danger-fgColor-disabled: #e5534b80;
   --focus-outlineColor: #316dca;
   --menu-bgColor-active: #2d333b;
   --overlay-bgColor: #2d333b;
@@ -178,8 +186,6 @@
   --fgColor-onEmphasis: #cdd9e5;
   --fgColor-disabled: #545d68;
   --fgColor-link-rest: #3b7cdb;
-  --fgColor-link-inverse-rest: #316dca;
-  --fgColor-link-control: #5e6975;
   --fgColor-accent: #3b7cdb;
   --fgColor-success: #57ab5a;
   --fgColor-attention: #c69026;
@@ -237,146 +243,146 @@
   --borderColor-done-emphasis: #8256d0;
   --borderColor-sponsors-muted: #c9619866;
   --borderColor-sponsors-emphasis: #ae4c82;
-  --ansi-fgColor-black: #545d68;
-  --ansi-fgColor-blackBright: #636e7b;
-  --ansi-fgColor-white: #909dab;
-  --ansi-fgColor-whiteBright: #cdd9e5;
-  --ansi-fgColor-gray: #636e7b;
-  --ansi-fgColor-red: #f47067;
-  --ansi-fgColor-redBright: #ff938a;
-  --ansi-fgColor-green: #57ab5a;
-  --ansi-fgColor-greenBright: #6bc46d;
-  --ansi-fgColor-yellow: #c69026;
-  --ansi-fgColor-yellowBright: #daaa3f;
-  --ansi-fgColor-blue: #539bf5;
-  --ansi-fgColor-blueBright: #6cb6ff;
-  --ansi-fgColor-magenta: #b083f0;
-  --ansi-fgColor-magentaBright: #dcbdfb;
-  --ansi-fgColor-cyan: #39c5cf;
-  --ansi-fgColor-cyanBright: #56d4dd;
-  --prettylights-syntax-comment: #768390;
-  --prettylights-syntax-constant: #6cb6ff;
-  --prettylights-syntax-entity: #dcbdfb;
-  --prettylights-syntax-storageModifierImport: #adbac7;
-  --prettylights-syntax-entityTag: #8ddb8c;
-  --prettylights-syntax-keyword: #f47067;
-  --prettylights-syntax-string: #96d0ff;
-  --prettylights-syntax-variable: #f69d50;
-  --prettylights-syntax-brackethighlighterUnmatched: #e5534b;
-  --prettylights-syntax-invalidIllegalText: #cdd9e5;
-  --prettylights-syntax-invalidIllegalBg: #922323;
-  --prettylights-syntax-carriageReturnText: #cdd9e5;
-  --prettylights-syntax-carriageReturnBg: #ad2e2c;
-  --prettylights-syntax-stringRegexp: #8ddb8c;
-  --prettylights-syntax-markupList: #eac55f;
-  --prettylights-syntax-markupHeading: #316dca;
-  --prettylights-syntax-markupItalic: #adbac7;
-  --prettylights-syntax-markupBold: #adbac7;
-  --prettylights-syntax-markupDeletedText: #ffd8d3;
-  --prettylights-syntax-markupDeletedBg: #78191b;
-  --prettylights-syntax-markupInsertedText: #b4f1b4;
-  --prettylights-syntax-markupInsertedBg: #1b4721;
-  --prettylights-syntax-markupChangedText: #ffddb0;
-  --prettylights-syntax-markupChangedBg: #682d0f;
-  --prettylights-syntax-markupIgnoredText: #adbac7;
-  --prettylights-syntax-markupIgnoredBg: #255ab2;
-  --prettylights-syntax-metaDiffRange: #dcbdfb;
-  --prettylights-syntax-brackethighlighterAngle: #768390;
-  --prettylights-syntax-sublimelinterGutterMark: #545d68;
-  --prettylights-syntax-constantOtherReferenceLink: #96d0ff;
-  --color-scale-black: #1c2128; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-white: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-0: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-1: #adbac7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-2: #909dab; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-3: #768390; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-4: #636e7b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-5: #545d68; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-6: #444c56; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-7: #373e47; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-8: #2d333b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-9: #22272e; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-0: #c6e6ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-1: #96d0ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-2: #6cb6ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-3: #539bf5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-4: #4184e4; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-5: #316dca; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-6: #255ab2; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-7: #1b4b91; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-8: #143d79; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-9: #0f2d5c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-0: #b4f1b4; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-1: #8ddb8c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-2: #6bc46d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-3: #57ab5a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-4: #46954a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-5: #347d39; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-6: #2b6a30; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-7: #245829; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-8: #1b4721; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-9: #113417; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-0: #fbe090; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-1: #eac55f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-2: #daaa3f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-3: #c69026; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-4: #ae7c14; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-5: #966600; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-6: #805400; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-7: #6c4400; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-8: #593600; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-9: #452700; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-0: #ffddb0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-1: #ffbc6f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-2: #f69d50; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-3: #e0823d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-4: #cc6b2c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-5: #ae5622; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-6: #94471b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-7: #7f3913; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-8: #682d0f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-9: #4d210c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-0: #ffd8d3; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-1: #ffb8b0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-2: #ff938a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-3: #f47067; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-4: #e5534b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-5: #c93c37; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-6: #ad2e2c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-7: #922323; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-8: #78191b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-9: #5d0f12; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-0: #eedcff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-1: #dcbdfb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-2: #dcbdfb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-3: #b083f0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-4: #986ee2; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-5: #8256d0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-6: #6b44bc; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-7: #5936a2; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-8: #472c82; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-9: #352160; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-0: #ffd7eb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-1: #ffb3d8; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-2: #fc8dc7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-3: #e275ad; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-4: #c96198; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-5: #ae4c82; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-6: #983b6e; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-7: #7e325a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-8: #69264a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-9: #551639; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-0: #ffdacf; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-1: #ffb9a5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-2: #f79981; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-3: #ec775c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-4: #de5b41; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-5: #c2442d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-6: #a93524; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-7: #8d291b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-8: #771d13; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-9: #5d1008; /* Avoid using scales, use other functional tokens instead */
+  --color-ansi-black: #545d68;
+  --color-ansi-black-bright: #636e7b;
+  --color-ansi-white: #909dab;
+  --color-ansi-white-bright: #cdd9e5;
+  --color-ansi-gray: #636e7b;
+  --color-ansi-red: #f47067;
+  --color-ansi-red-bright: #ff938a;
+  --color-ansi-green: #57ab5a;
+  --color-ansi-green-bright: #6bc46d;
+  --color-ansi-yellow: #c69026;
+  --color-ansi-yellow-bright: #daaa3f;
+  --color-ansi-blue: #539bf5;
+  --color-ansi-blue-bright: #6cb6ff;
+  --color-ansi-magenta: #b083f0;
+  --color-ansi-magenta-bright: #dcbdfb;
+  --color-ansi-cyan: #39c5cf;
+  --color-ansi-cyan-bright: #56d4dd;
+  --color-prettylights-syntax-comment: #768390;
+  --color-prettylights-syntax-constant: #6cb6ff;
+  --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
+  --color-prettylights-syntax-entity: #dcbdfb;
+  --color-prettylights-syntax-storage-modifier-import: #adbac7;
+  --color-prettylights-syntax-entity-tag: #8ddb8c;
+  --color-prettylights-syntax-keyword: #f47067;
+  --color-prettylights-syntax-string: #96d0ff;
+  --color-prettylights-syntax-variable: #f69d50;
+  --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
+  --color-prettylights-syntax-brackethighlighter-angle: #768390;
+  --color-prettylights-syntax-invalid-illegal-text: #cdd9e5;
+  --color-prettylights-syntax-invalid-illegal-bg: #922323;
+  --color-prettylights-syntax-carriage-return-text: #cdd9e5;
+  --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
+  --color-prettylights-syntax-string-regexp: #8ddb8c;
+  --color-prettylights-syntax-markup-list: #eac55f;
+  --color-prettylights-syntax-markup-heading: #316dca;
+  --color-prettylights-syntax-markup-italic: #adbac7;
+  --color-prettylights-syntax-markup-bold: #adbac7;
+  --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
+  --color-prettylights-syntax-markup-deleted-bg: #78191b;
+  --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
+  --color-prettylights-syntax-markup-inserted-bg: #1b4721;
+  --color-prettylights-syntax-markup-changed-text: #ffddb0;
+  --color-prettylights-syntax-markup-changed-bg: #682d0f;
+  --color-prettylights-syntax-markup-ignored-text: #adbac7;
+  --color-prettylights-syntax-markup-ignored-bg: #255ab2;
+  --color-prettylights-syntax-meta-diff-range: #dcbdfb;
+  --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
+  --color-scale-black: #1c2128;
+  --color-scale-transparent: #00000000;
+  --color-scale-white: #cdd9e5;
+  --color-scale-gray-0: #cdd9e5;
+  --color-scale-gray-1: #adbac7;
+  --color-scale-gray-2: #909dab;
+  --color-scale-gray-3: #768390;
+  --color-scale-gray-4: #636e7b;
+  --color-scale-gray-5: #545d68;
+  --color-scale-gray-6: #444c56;
+  --color-scale-gray-7: #373e47;
+  --color-scale-gray-8: #2d333b;
+  --color-scale-gray-9: #22272e;
+  --color-scale-blue-0: #c6e6ff;
+  --color-scale-blue-1: #96d0ff;
+  --color-scale-blue-2: #6cb6ff;
+  --color-scale-blue-3: #539bf5;
+  --color-scale-blue-4: #4184e4;
+  --color-scale-blue-5: #316dca;
+  --color-scale-blue-6: #255ab2;
+  --color-scale-blue-7: #1b4b91;
+  --color-scale-blue-8: #143d79;
+  --color-scale-blue-9: #0f2d5c;
+  --color-scale-green-0: #b4f1b4;
+  --color-scale-green-1: #8ddb8c;
+  --color-scale-green-2: #6bc46d;
+  --color-scale-green-3: #57ab5a;
+  --color-scale-green-4: #46954a;
+  --color-scale-green-5: #347d39;
+  --color-scale-green-6: #2b6a30;
+  --color-scale-green-7: #245829;
+  --color-scale-green-8: #1b4721;
+  --color-scale-green-9: #113417;
+  --color-scale-yellow-0: #fbe090;
+  --color-scale-yellow-1: #eac55f;
+  --color-scale-yellow-2: #daaa3f;
+  --color-scale-yellow-3: #c69026;
+  --color-scale-yellow-4: #ae7c14;
+  --color-scale-yellow-5: #966600;
+  --color-scale-yellow-6: #805400;
+  --color-scale-yellow-7: #6c4400;
+  --color-scale-yellow-8: #593600;
+  --color-scale-yellow-9: #452700;
+  --color-scale-orange-0: #ffddb0;
+  --color-scale-orange-1: #ffbc6f;
+  --color-scale-orange-2: #f69d50;
+  --color-scale-orange-3: #e0823d;
+  --color-scale-orange-4: #cc6b2c;
+  --color-scale-orange-5: #ae5622;
+  --color-scale-orange-6: #94471b;
+  --color-scale-orange-7: #7f3913;
+  --color-scale-orange-8: #682d0f;
+  --color-scale-orange-9: #4d210c;
+  --color-scale-red-0: #ffd8d3;
+  --color-scale-red-1: #ffb8b0;
+  --color-scale-red-2: #ff938a;
+  --color-scale-red-3: #f47067;
+  --color-scale-red-4: #e5534b;
+  --color-scale-red-5: #c93c37;
+  --color-scale-red-6: #ad2e2c;
+  --color-scale-red-7: #922323;
+  --color-scale-red-8: #78191b;
+  --color-scale-red-9: #5d0f12;
+  --color-scale-purple-0: #eedcff;
+  --color-scale-purple-1: #dcbdfb;
+  --color-scale-purple-2: #dcbdfb;
+  --color-scale-purple-3: #b083f0;
+  --color-scale-purple-4: #986ee2;
+  --color-scale-purple-5: #8256d0;
+  --color-scale-purple-6: #6b44bc;
+  --color-scale-purple-7: #5936a2;
+  --color-scale-purple-8: #472c82;
+  --color-scale-purple-9: #352160;
+  --color-scale-pink-0: #ffd7eb;
+  --color-scale-pink-1: #ffb3d8;
+  --color-scale-pink-2: #fc8dc7;
+  --color-scale-pink-3: #e275ad;
+  --color-scale-pink-4: #c96198;
+  --color-scale-pink-5: #ae4c82;
+  --color-scale-pink-6: #983b6e;
+  --color-scale-pink-7: #7e325a;
+  --color-scale-pink-8: #69264a;
+  --color-scale-pink-9: #551639;
+  --color-scale-coral-0: #ffdacf;
+  --color-scale-coral-1: #ffb9a5;
+  --color-scale-coral-2: #f79981;
+  --color-scale-coral-3: #ec775c;
+  --color-scale-coral-4: #de5b41;
+  --color-scale-coral-5: #c2442d;
+  --color-scale-coral-6: #a93524;
+  --color-scale-coral-7: #8d291b;
+  --color-scale-coral-8: #771d13;
+  --color-scale-coral-9: #5d1008;
   --shadow-inset: 0px 0px 0px 0px #000000;
   --shadow-highlight: 0px 0px 0px 0px #000000;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128a3;
@@ -432,7 +438,7 @@
     --headerSearch-bgColor: #22272e;
     --headerSearch-borderColor: #444c56;
     --avatar-bgColor: #cdd9e51a;
-    --avatar-borderColor: #00000000;
+    --avatar-borderColor: #444c5666;
     --avatar-shadow: 0px 0px 0px 2px #22272e;
     --avatarStack-fade-bgColor-default: #444c56;
     --avatarStack-fade-bgColor-muted: #373e47;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #cdd9e5;
     --control-checked-fgColor-disabled: #1c2128;
     --control-checked-borderColor-rest: #316dca;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #3876d3;
+    --control-checked-borderColor-active: #3f7fdb;
     --control-checked-borderColor-disabled: #545d68;
     --controlTrack-bgColor-rest: #373e47;
     --controlTrack-bgColor-hover: #3d444e;
@@ -506,11 +512,12 @@
     --button-primary-bgColor-hover: #3b8640;
     --button-primary-bgColor-active: #428f46;
     --button-primary-bgColor-disabled: #50a254;
-    --button-primary-borderColor-rest: #444c56cc;
-    --button-primary-borderColor-hover: #444c56cc;
-    --button-primary-borderColor-disabled: #444c56cc;
+    --button-primary-borderColor-rest: #cdd9e51a;
+    --button-primary-borderColor-hover: #cdd9e51a;
+    --button-primary-borderColor-disabled: #cdd9e51a;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #3b7cdb;
+    --button-invisible-fgColor-hover: #539bf5;
     --button-invisible-fgColor-disabled: #545d68;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #909dab1f;
@@ -518,8 +525,8 @@
     --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
-    --button-outline-fgColor-rest: #3b7cdb;
-    --button-outline-fgColor-hover: #3b7cdb;
+    --button-outline-fgColor-rest: #4184e4;
+    --button-outline-fgColor-hover: #539bf5;
     --button-outline-fgColor-active: #cdd9e5;
     --button-outline-fgColor-disabled: #3b7cdb80;
     --button-outline-bgColor-rest: #cdd9e5;
@@ -544,13 +551,20 @@
     --button-danger-borderColor-active: #c33d38;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #444c56;
-    --buttonCounter-primary-bgColor-rest: #cdd9e533;
-    --buttonCounter-outline-bgColor-rest: #316dca1a;
-    --buttonCounter-outline-bgColor-hover: #cdd9e533;
+    --buttonCounter-invisible-bgColor-rest: #444c56;
+    --buttonCounter-primary-bgColor-rest: #11341733;
+    --buttonCounter-outline-bgColor-rest: #0f2d5c33;
+    --buttonCounter-outline-bgColor-hover: #0f2d5c33;
     --buttonCounter-outline-bgColor-disabled: #316dca0d;
+    --buttonCounter-outline-fgColor-rest: #4184e4;
+    --buttonCounter-outline-fgColor-hover: #539bf5;
+    --buttonCounter-outline-fgColor-disabled: #3b7cdb80;
     --buttonCounter-danger-bgColor-hover: #cdd9e533;
     --buttonCounter-danger-bgColor-disabled: #c93c370d;
-    --buttonCounter-danger-bgColor-rest: #c93c371a;
+    --buttonCounter-danger-bgColor-rest: #5d0f1233;
+    --buttonCounter-danger-fgColor-rest: #e5534b;
+    --buttonCounter-danger-fgColor-hover: #cdd9e5;
+    --buttonCounter-danger-fgColor-disabled: #e5534b80;
     --focus-outlineColor: #316dca;
     --menu-bgColor-active: #2d333b;
     --overlay-bgColor: #2d333b;
@@ -568,8 +582,6 @@
     --fgColor-onEmphasis: #cdd9e5;
     --fgColor-disabled: #545d68;
     --fgColor-link-rest: #3b7cdb;
-    --fgColor-link-inverse-rest: #316dca;
-    --fgColor-link-control: #5e6975;
     --fgColor-accent: #3b7cdb;
     --fgColor-success: #57ab5a;
     --fgColor-attention: #c69026;
@@ -627,146 +639,146 @@
     --borderColor-done-emphasis: #8256d0;
     --borderColor-sponsors-muted: #c9619866;
     --borderColor-sponsors-emphasis: #ae4c82;
-    --ansi-fgColor-black: #545d68;
-    --ansi-fgColor-blackBright: #636e7b;
-    --ansi-fgColor-white: #909dab;
-    --ansi-fgColor-whiteBright: #cdd9e5;
-    --ansi-fgColor-gray: #636e7b;
-    --ansi-fgColor-red: #f47067;
-    --ansi-fgColor-redBright: #ff938a;
-    --ansi-fgColor-green: #57ab5a;
-    --ansi-fgColor-greenBright: #6bc46d;
-    --ansi-fgColor-yellow: #c69026;
-    --ansi-fgColor-yellowBright: #daaa3f;
-    --ansi-fgColor-blue: #539bf5;
-    --ansi-fgColor-blueBright: #6cb6ff;
-    --ansi-fgColor-magenta: #b083f0;
-    --ansi-fgColor-magentaBright: #dcbdfb;
-    --ansi-fgColor-cyan: #39c5cf;
-    --ansi-fgColor-cyanBright: #56d4dd;
-    --prettylights-syntax-comment: #768390;
-    --prettylights-syntax-constant: #6cb6ff;
-    --prettylights-syntax-entity: #dcbdfb;
-    --prettylights-syntax-storageModifierImport: #adbac7;
-    --prettylights-syntax-entityTag: #8ddb8c;
-    --prettylights-syntax-keyword: #f47067;
-    --prettylights-syntax-string: #96d0ff;
-    --prettylights-syntax-variable: #f69d50;
-    --prettylights-syntax-brackethighlighterUnmatched: #e5534b;
-    --prettylights-syntax-invalidIllegalText: #cdd9e5;
-    --prettylights-syntax-invalidIllegalBg: #922323;
-    --prettylights-syntax-carriageReturnText: #cdd9e5;
-    --prettylights-syntax-carriageReturnBg: #ad2e2c;
-    --prettylights-syntax-stringRegexp: #8ddb8c;
-    --prettylights-syntax-markupList: #eac55f;
-    --prettylights-syntax-markupHeading: #316dca;
-    --prettylights-syntax-markupItalic: #adbac7;
-    --prettylights-syntax-markupBold: #adbac7;
-    --prettylights-syntax-markupDeletedText: #ffd8d3;
-    --prettylights-syntax-markupDeletedBg: #78191b;
-    --prettylights-syntax-markupInsertedText: #b4f1b4;
-    --prettylights-syntax-markupInsertedBg: #1b4721;
-    --prettylights-syntax-markupChangedText: #ffddb0;
-    --prettylights-syntax-markupChangedBg: #682d0f;
-    --prettylights-syntax-markupIgnoredText: #adbac7;
-    --prettylights-syntax-markupIgnoredBg: #255ab2;
-    --prettylights-syntax-metaDiffRange: #dcbdfb;
-    --prettylights-syntax-brackethighlighterAngle: #768390;
-    --prettylights-syntax-sublimelinterGutterMark: #545d68;
-    --prettylights-syntax-constantOtherReferenceLink: #96d0ff;
-    --color-scale-black: #1c2128; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-white: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-0: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-1: #adbac7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-2: #909dab; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-3: #768390; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-4: #636e7b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-5: #545d68; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-6: #444c56; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-7: #373e47; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-8: #2d333b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-9: #22272e; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-0: #c6e6ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-1: #96d0ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-2: #6cb6ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-3: #539bf5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-4: #4184e4; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-5: #316dca; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-6: #255ab2; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-7: #1b4b91; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-8: #143d79; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-9: #0f2d5c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-0: #b4f1b4; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-1: #8ddb8c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-2: #6bc46d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-3: #57ab5a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-4: #46954a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-5: #347d39; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-6: #2b6a30; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-7: #245829; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-8: #1b4721; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-9: #113417; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-0: #fbe090; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-1: #eac55f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-2: #daaa3f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-3: #c69026; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-4: #ae7c14; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-5: #966600; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-6: #805400; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-7: #6c4400; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-8: #593600; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-9: #452700; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-0: #ffddb0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-1: #ffbc6f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-2: #f69d50; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-3: #e0823d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-4: #cc6b2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-5: #ae5622; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-6: #94471b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-7: #7f3913; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-8: #682d0f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-9: #4d210c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-0: #ffd8d3; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-1: #ffb8b0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-2: #ff938a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-3: #f47067; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-4: #e5534b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-5: #c93c37; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-6: #ad2e2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-7: #922323; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-8: #78191b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-9: #5d0f12; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-0: #eedcff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-1: #dcbdfb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-2: #dcbdfb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-3: #b083f0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-4: #986ee2; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-5: #8256d0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-6: #6b44bc; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-7: #5936a2; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-8: #472c82; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-9: #352160; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-0: #ffd7eb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-1: #ffb3d8; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-2: #fc8dc7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-3: #e275ad; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-4: #c96198; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-5: #ae4c82; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-6: #983b6e; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-7: #7e325a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-8: #69264a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-9: #551639; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-0: #ffdacf; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-1: #ffb9a5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-2: #f79981; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-3: #ec775c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-4: #de5b41; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-5: #c2442d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-6: #a93524; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-7: #8d291b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-8: #771d13; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-9: #5d1008; /* Avoid using scales, use other functional tokens instead */
+    --color-ansi-black: #545d68;
+    --color-ansi-black-bright: #636e7b;
+    --color-ansi-white: #909dab;
+    --color-ansi-white-bright: #cdd9e5;
+    --color-ansi-gray: #636e7b;
+    --color-ansi-red: #f47067;
+    --color-ansi-red-bright: #ff938a;
+    --color-ansi-green: #57ab5a;
+    --color-ansi-green-bright: #6bc46d;
+    --color-ansi-yellow: #c69026;
+    --color-ansi-yellow-bright: #daaa3f;
+    --color-ansi-blue: #539bf5;
+    --color-ansi-blue-bright: #6cb6ff;
+    --color-ansi-magenta: #b083f0;
+    --color-ansi-magenta-bright: #dcbdfb;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyan-bright: #56d4dd;
+    --color-prettylights-syntax-comment: #768390;
+    --color-prettylights-syntax-constant: #6cb6ff;
+    --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
+    --color-prettylights-syntax-entity: #dcbdfb;
+    --color-prettylights-syntax-storage-modifier-import: #adbac7;
+    --color-prettylights-syntax-entity-tag: #8ddb8c;
+    --color-prettylights-syntax-keyword: #f47067;
+    --color-prettylights-syntax-string: #96d0ff;
+    --color-prettylights-syntax-variable: #f69d50;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
+    --color-prettylights-syntax-brackethighlighter-angle: #768390;
+    --color-prettylights-syntax-invalid-illegal-text: #cdd9e5;
+    --color-prettylights-syntax-invalid-illegal-bg: #922323;
+    --color-prettylights-syntax-carriage-return-text: #cdd9e5;
+    --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
+    --color-prettylights-syntax-string-regexp: #8ddb8c;
+    --color-prettylights-syntax-markup-list: #eac55f;
+    --color-prettylights-syntax-markup-heading: #316dca;
+    --color-prettylights-syntax-markup-italic: #adbac7;
+    --color-prettylights-syntax-markup-bold: #adbac7;
+    --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
+    --color-prettylights-syntax-markup-deleted-bg: #78191b;
+    --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
+    --color-prettylights-syntax-markup-inserted-bg: #1b4721;
+    --color-prettylights-syntax-markup-changed-text: #ffddb0;
+    --color-prettylights-syntax-markup-changed-bg: #682d0f;
+    --color-prettylights-syntax-markup-ignored-text: #adbac7;
+    --color-prettylights-syntax-markup-ignored-bg: #255ab2;
+    --color-prettylights-syntax-meta-diff-range: #dcbdfb;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
+    --color-scale-black: #1c2128;
+    --color-scale-transparent: #00000000;
+    --color-scale-white: #cdd9e5;
+    --color-scale-gray-0: #cdd9e5;
+    --color-scale-gray-1: #adbac7;
+    --color-scale-gray-2: #909dab;
+    --color-scale-gray-3: #768390;
+    --color-scale-gray-4: #636e7b;
+    --color-scale-gray-5: #545d68;
+    --color-scale-gray-6: #444c56;
+    --color-scale-gray-7: #373e47;
+    --color-scale-gray-8: #2d333b;
+    --color-scale-gray-9: #22272e;
+    --color-scale-blue-0: #c6e6ff;
+    --color-scale-blue-1: #96d0ff;
+    --color-scale-blue-2: #6cb6ff;
+    --color-scale-blue-3: #539bf5;
+    --color-scale-blue-4: #4184e4;
+    --color-scale-blue-5: #316dca;
+    --color-scale-blue-6: #255ab2;
+    --color-scale-blue-7: #1b4b91;
+    --color-scale-blue-8: #143d79;
+    --color-scale-blue-9: #0f2d5c;
+    --color-scale-green-0: #b4f1b4;
+    --color-scale-green-1: #8ddb8c;
+    --color-scale-green-2: #6bc46d;
+    --color-scale-green-3: #57ab5a;
+    --color-scale-green-4: #46954a;
+    --color-scale-green-5: #347d39;
+    --color-scale-green-6: #2b6a30;
+    --color-scale-green-7: #245829;
+    --color-scale-green-8: #1b4721;
+    --color-scale-green-9: #113417;
+    --color-scale-yellow-0: #fbe090;
+    --color-scale-yellow-1: #eac55f;
+    --color-scale-yellow-2: #daaa3f;
+    --color-scale-yellow-3: #c69026;
+    --color-scale-yellow-4: #ae7c14;
+    --color-scale-yellow-5: #966600;
+    --color-scale-yellow-6: #805400;
+    --color-scale-yellow-7: #6c4400;
+    --color-scale-yellow-8: #593600;
+    --color-scale-yellow-9: #452700;
+    --color-scale-orange-0: #ffddb0;
+    --color-scale-orange-1: #ffbc6f;
+    --color-scale-orange-2: #f69d50;
+    --color-scale-orange-3: #e0823d;
+    --color-scale-orange-4: #cc6b2c;
+    --color-scale-orange-5: #ae5622;
+    --color-scale-orange-6: #94471b;
+    --color-scale-orange-7: #7f3913;
+    --color-scale-orange-8: #682d0f;
+    --color-scale-orange-9: #4d210c;
+    --color-scale-red-0: #ffd8d3;
+    --color-scale-red-1: #ffb8b0;
+    --color-scale-red-2: #ff938a;
+    --color-scale-red-3: #f47067;
+    --color-scale-red-4: #e5534b;
+    --color-scale-red-5: #c93c37;
+    --color-scale-red-6: #ad2e2c;
+    --color-scale-red-7: #922323;
+    --color-scale-red-8: #78191b;
+    --color-scale-red-9: #5d0f12;
+    --color-scale-purple-0: #eedcff;
+    --color-scale-purple-1: #dcbdfb;
+    --color-scale-purple-2: #dcbdfb;
+    --color-scale-purple-3: #b083f0;
+    --color-scale-purple-4: #986ee2;
+    --color-scale-purple-5: #8256d0;
+    --color-scale-purple-6: #6b44bc;
+    --color-scale-purple-7: #5936a2;
+    --color-scale-purple-8: #472c82;
+    --color-scale-purple-9: #352160;
+    --color-scale-pink-0: #ffd7eb;
+    --color-scale-pink-1: #ffb3d8;
+    --color-scale-pink-2: #fc8dc7;
+    --color-scale-pink-3: #e275ad;
+    --color-scale-pink-4: #c96198;
+    --color-scale-pink-5: #ae4c82;
+    --color-scale-pink-6: #983b6e;
+    --color-scale-pink-7: #7e325a;
+    --color-scale-pink-8: #69264a;
+    --color-scale-pink-9: #551639;
+    --color-scale-coral-0: #ffdacf;
+    --color-scale-coral-1: #ffb9a5;
+    --color-scale-coral-2: #f79981;
+    --color-scale-coral-3: #ec775c;
+    --color-scale-coral-4: #de5b41;
+    --color-scale-coral-5: #c2442d;
+    --color-scale-coral-6: #a93524;
+    --color-scale-coral-7: #8d291b;
+    --color-scale-coral-8: #771d13;
+    --color-scale-coral-9: #5d1008;
     --shadow-inset: 0px 0px 0px 0px #000000;
     --shadow-highlight: 0px 0px 0px 0px #000000;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128a3;