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

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

@@ -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,53 +243,53 @@
     --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-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; /* 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 */

package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss

@@ -42,7 +42,7 @@
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
     --avatar-bgColor: #ffffff1a;
-    --avatar-borderColor: #00000000;
+    --avatar-borderColor: #30363d66;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
     --avatarStack-fade-bgColor-default: #30363d;
     --avatarStack-fade-bgColor-muted: #21262d;
@@ -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: #2a7aef;
     --button-primary-bgColor-active: #3685f3;
     --button-primary-bgColor-disabled: #5fabfe;
-    --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,15 +186,13 @@
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #484f58;
     --fgColor-link-rest: #2f81f7;
-    --fgColor-link-inverse-rest: #1f6feb;
-    --fgColor-link-control: #636a75;
     --fgColor-accent: #2f81f7;
     --fgColor-success: #58a6ff;
     --fgColor-attention: #d29922;
     --fgColor-severe: #f85149;
     --fgColor-danger: #f85149;
-    --fgColor-open: #58a6ff;
-    --fgColor-closed: #f85149;
+    --fgColor-open: #f85149;
+    --fgColor-closed: #6e7681;
     --fgColor-done: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
@@ -205,10 +211,10 @@
     --bgColor-severe-emphasis: #da3633;
     --bgColor-danger-muted: #f851491a;
     --bgColor-danger-emphasis: #da3633;
-    --bgColor-open-muted: #388bfd1a;
-    --bgColor-open-emphasis: #1f6feb;
-    --bgColor-closed-muted: #f8514926;
-    --bgColor-closed-emphasis: #da3633;
+    --bgColor-open-muted: #f851491a;
+    --bgColor-open-emphasis: #da3633;
+    --bgColor-closed-muted: #6e768126;
+    --bgColor-closed-emphasis: #484f58;
     --bgColor-done-muted: #a371f726;
     --bgColor-done-emphasis: #8957e5;
     --bgColor-sponsors-muted: #db61a21a;
@@ -229,61 +235,61 @@
     --borderColor-severe-emphasis: #da3633;
     --borderColor-danger-muted: #f8514966;
     --borderColor-danger-emphasis: #da3633;
-    --borderColor-open-muted: #388bfd66;
-    --borderColor-open-emphasis: #1f6feb;
-    --borderColor-closed-muted: #f8514966;
-    --borderColor-closed-emphasis: #da3633;
+    --borderColor-open-muted: #f8514966;
+    --borderColor-open-emphasis: #da3633;
+    --borderColor-closed-muted: #6e768166;
+    --borderColor-closed-emphasis: #484f58;
     --borderColor-done-muted: #a371f766;
     --borderColor-done-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;
     --borderColor-sponsors-emphasis: #bf4b8a;
-    --ansi-fgColor-black: #484f58;
-    --ansi-fgColor-blackBright: #6e7681;
-    --ansi-fgColor-white: #b1bac4;
-    --ansi-fgColor-whiteBright: #ffffff;
-    --ansi-fgColor-gray: #6e7681;
-    --ansi-fgColor-red: #ff7b72;
-    --ansi-fgColor-redBright: #ffa198;
-    --ansi-fgColor-green: #58a6ff;
-    --ansi-fgColor-greenBright: #79c0ff;
-    --ansi-fgColor-yellow: #d29922;
-    --ansi-fgColor-yellowBright: #e3b341;
-    --ansi-fgColor-blue: #58a6ff;
-    --ansi-fgColor-blueBright: #79c0ff;
-    --ansi-fgColor-magenta: #bc8cff;
-    --ansi-fgColor-magentaBright: #d2a8ff;
-    --ansi-fgColor-cyan: #39c5cf;
-    --ansi-fgColor-cyanBright: #56d4dd;
-    --prettylights-syntax-comment: #8b949e;
-    --prettylights-syntax-constant: #79c0ff;
-    --prettylights-syntax-entity: #d2a8ff;
-    --prettylights-syntax-storageModifierImport: #c9d1d9;
-    --prettylights-syntax-entityTag: #a5d6ff;
-    --prettylights-syntax-keyword: #ff7b72;
-    --prettylights-syntax-string: #a5d6ff;
-    --prettylights-syntax-variable: #ffa198;
-    --prettylights-syntax-brackethighlighterUnmatched: #f85149;
-    --prettylights-syntax-invalidIllegalText: #f0f6fc;
-    --prettylights-syntax-invalidIllegalBg: #8e1519;
-    --prettylights-syntax-carriageReturnText: #f0f6fc;
-    --prettylights-syntax-carriageReturnBg: #b62324;
-    --prettylights-syntax-stringRegexp: #a5d6ff;
-    --prettylights-syntax-markupList: #f2cc60;
-    --prettylights-syntax-markupHeading: #1f6feb;
-    --prettylights-syntax-markupItalic: #c9d1d9;
-    --prettylights-syntax-markupBold: #c9d1d9;
-    --prettylights-syntax-markupDeletedText: #ffdcd7;
-    --prettylights-syntax-markupDeletedBg: #67060c;
-    --prettylights-syntax-markupInsertedText: #cae8ff;
-    --prettylights-syntax-markupInsertedBg: #0c2d6b;
-    --prettylights-syntax-markupChangedText: #ffdcd7;
-    --prettylights-syntax-markupChangedBg: #67060c;
-    --prettylights-syntax-markupIgnoredText: #c9d1d9;
-    --prettylights-syntax-markupIgnoredBg: #1158c7;
-    --prettylights-syntax-metaDiffRange: #d2a8ff;
-    --prettylights-syntax-brackethighlighterAngle: #8b949e;
-    --prettylights-syntax-sublimelinterGutterMark: #484f58;
-    --prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
+    --color-ansi-black: #484f58;
+    --color-ansi-black-bright: #6e7681;
+    --color-ansi-white: #b1bac4;
+    --color-ansi-white-bright: #ffffff;
+    --color-ansi-gray: #6e7681;
+    --color-ansi-red: #ff7b72;
+    --color-ansi-red-bright: #ffa198;
+    --color-ansi-green: #58a6ff;
+    --color-ansi-green-bright: #79c0ff;
+    --color-ansi-yellow: #d29922;
+    --color-ansi-yellow-bright: #e3b341;
+    --color-ansi-blue: #58a6ff;
+    --color-ansi-blue-bright: #79c0ff;
+    --color-ansi-magenta: #bc8cff;
+    --color-ansi-magenta-bright: #d2a8ff;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyan-bright: #56d4dd;
+    --color-prettylights-syntax-comment: #8b949e;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+    --color-prettylights-syntax-entity-tag: #a5d6ff;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa198;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #a5d6ff;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #c9d1d9;
+    --color-prettylights-syntax-markup-bold: #c9d1d9;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #cae8ff;
+    --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
+    --color-prettylights-syntax-markup-changed-text: #ffdcd7;
+    --color-prettylights-syntax-markup-changed-bg: #67060c;
+    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
     --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 */

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

@@ -42,7 +42,7 @@
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
     --avatar-bgColor: #ffffff1a;
-    --avatar-borderColor: #00000000;
+    --avatar-borderColor: #30363d66;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
     --avatarStack-fade-bgColor-default: #30363d;
     --avatarStack-fade-bgColor-muted: #21262d;
@@ -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;
@@ -237,53 +243,53 @@
     --borderColor-done-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;
     --borderColor-sponsors-emphasis: #bf4b8a;
-    --ansi-fgColor-black: #484f58;
-    --ansi-fgColor-blackBright: #6e7681;
-    --ansi-fgColor-white: #b1bac4;
-    --ansi-fgColor-whiteBright: #ffffff;
-    --ansi-fgColor-gray: #6e7681;
-    --ansi-fgColor-red: #ff7b72;
-    --ansi-fgColor-redBright: #ffa198;
-    --ansi-fgColor-green: #3fb950;
-    --ansi-fgColor-greenBright: #56d364;
-    --ansi-fgColor-yellow: #d29922;
-    --ansi-fgColor-yellowBright: #e3b341;
-    --ansi-fgColor-blue: #58a6ff;
-    --ansi-fgColor-blueBright: #79c0ff;
-    --ansi-fgColor-magenta: #bc8cff;
-    --ansi-fgColor-magentaBright: #d2a8ff;
-    --ansi-fgColor-cyan: #39c5cf;
-    --ansi-fgColor-cyanBright: #56d4dd;
-    --prettylights-syntax-comment: #8b949e;
-    --prettylights-syntax-constant: #79c0ff;
-    --prettylights-syntax-entity: #d2a8ff;
-    --prettylights-syntax-storageModifierImport: #c9d1d9;
-    --prettylights-syntax-entityTag: #7ee787;
-    --prettylights-syntax-keyword: #ff7b72;
-    --prettylights-syntax-string: #a5d6ff;
-    --prettylights-syntax-variable: #ffa657;
-    --prettylights-syntax-brackethighlighterUnmatched: #f85149;
-    --prettylights-syntax-invalidIllegalText: #f0f6fc;
-    --prettylights-syntax-invalidIllegalBg: #8e1519;
-    --prettylights-syntax-carriageReturnText: #f0f6fc;
-    --prettylights-syntax-carriageReturnBg: #b62324;
-    --prettylights-syntax-stringRegexp: #7ee787;
-    --prettylights-syntax-markupList: #f2cc60;
-    --prettylights-syntax-markupHeading: #1f6feb;
-    --prettylights-syntax-markupItalic: #c9d1d9;
-    --prettylights-syntax-markupBold: #c9d1d9;
-    --prettylights-syntax-markupDeletedText: #ffdcd7;
-    --prettylights-syntax-markupDeletedBg: #67060c;
-    --prettylights-syntax-markupInsertedText: #aff5b4;
-    --prettylights-syntax-markupInsertedBg: #033a16;
-    --prettylights-syntax-markupChangedText: #ffdfb6;
-    --prettylights-syntax-markupChangedBg: #5a1e02;
-    --prettylights-syntax-markupIgnoredText: #c9d1d9;
-    --prettylights-syntax-markupIgnoredBg: #1158c7;
-    --prettylights-syntax-metaDiffRange: #d2a8ff;
-    --prettylights-syntax-brackethighlighterAngle: #8b949e;
-    --prettylights-syntax-sublimelinterGutterMark: #484f58;
-    --prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
+    --color-ansi-black: #484f58;
+    --color-ansi-black-bright: #6e7681;
+    --color-ansi-white: #b1bac4;
+    --color-ansi-white-bright: #ffffff;
+    --color-ansi-gray: #6e7681;
+    --color-ansi-red: #ff7b72;
+    --color-ansi-red-bright: #ffa198;
+    --color-ansi-green: #3fb950;
+    --color-ansi-green-bright: #56d364;
+    --color-ansi-yellow: #d29922;
+    --color-ansi-yellow-bright: #e3b341;
+    --color-ansi-blue: #58a6ff;
+    --color-ansi-blue-bright: #79c0ff;
+    --color-ansi-magenta: #bc8cff;
+    --color-ansi-magenta-bright: #d2a8ff;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyan-bright: #56d4dd;
+    --color-prettylights-syntax-comment: #8b949e;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+    --color-prettylights-syntax-entity-tag: #7ee787;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #7ee787;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #c9d1d9;
+    --color-prettylights-syntax-markup-bold: #c9d1d9;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+    --color-prettylights-syntax-markup-inserted-bg: #033a16;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
     --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 */