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

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

@@ -10,9 +10,9 @@
     --diffBlob-addition-bgColor-word: #388bfd66;
     --diffBlob-deletion-fgColor-text: #e6edf3;
     --diffBlob-deletion-fgColor-num: #e6edf3;
-    --diffBlob-deletion-bgColor-num: #d476164d;
-    --diffBlob-deletion-bgColor-line: #d4761626;
-    --diffBlob-deletion-bgColor-word: #d4761666;
+    --diffBlob-deletion-bgColor-num: #db6d284d;
+    --diffBlob-deletion-bgColor-line: #db6d2826;
+    --diffBlob-deletion-bgColor-word: #db6d2866;
     --diffBlob-hunk-bgColor-num: #388bfd66;
     --diffBlob-expander-iconColor: #7d8590;
     --diffStat-addition-bgColor: #1f6feb;
@@ -30,11 +30,11 @@
     --codeMirror-syntax-fgColor-comment: #8b949e;
     --codeMirror-syntax-fgColor-constant: #79c0ff;
     --codeMirror-syntax-fgColor-entity: #d2a8ff;
-    --codeMirror-syntax-fgColor-keyword: #ec8e2c;
-    --codeMirror-syntax-fgColor-storage: #ec8e2c;
+    --codeMirror-syntax-fgColor-keyword: #f0883e;
+    --codeMirror-syntax-fgColor-storage: #f0883e;
     --codeMirror-syntax-fgColor-string: #a5d6ff;
     --codeMirror-syntax-fgColor-support: #79c0ff;
-    --codeMirror-syntax-fgColor-variable: #fdac54;
+    --codeMirror-syntax-fgColor-variable: #ffa657;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #f0f6fc;
     --header-bgColor: #161b22f2;
@@ -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;
@@ -59,7 +59,7 @@
     --control-borderColor-disabled: #30363d;
     --control-borderColor-selected: #f0f6fc;
     --control-borderColor-success: #1f6feb;
-    --control-borderColor-danger: #b76100;
+    --control-borderColor-danger: #bd561d;
     --control-borderColor-warning: #9e6a03;
     --control-iconColor-rest: #7d8590;
     --control-transparent-bgColor-rest: #00000000;
@@ -70,10 +70,10 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #d47616;
-    --control-danger-fgColor-hover: #ec8e2c;
-    --control-danger-bgColor-hover: #d476161a;
-    --control-danger-bgColor-active: #d4761666;
+    --control-danger-fgColor-rest: #db6d28;
+    --control-danger-fgColor-hover: #f0883e;
+    --control-danger-bgColor-hover: #db6d281a;
+    --control-danger-bgColor-active: #db6d2866;
     --control-checked-bgColor-rest: #1f6feb;
     --control-checked-bgColor-hover: #2a7aef;
     --control-checked-bgColor-active: #3685f3;
@@ -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: #1158c7;
-    --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;
@@ -139,28 +140,35 @@
     --button-outline-borderColor-hover: #30363d66;
     --button-outline-borderColor-selected: #30363d66;
     --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #d47616;
+    --button-danger-fgColor-rest: #db6d28;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #d4761680;
-    --button-danger-iconColor-rest: #d47616;
+    --button-danger-fgColor-disabled: #db6d2880;
+    --button-danger-iconColor-rest: #db6d28;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #21262d;
-    --button-danger-bgColor-hover: #914d04;
-    --button-danger-bgColor-active: #ac5d0b;
+    --button-danger-bgColor-hover: #9b4215;
+    --button-danger-bgColor-active: #b5531d;
     --button-danger-bgColor-disabled: #21262d;
     --button-danger-borderColor-rest: #30363d;
-    --button-danger-borderColor-hover: #914d04;
-    --button-danger-borderColor-active: #ac5d0b;
+    --button-danger-borderColor-hover: #9b4215;
+    --button-danger-borderColor-active: #b5531d;
     --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: #b761000d;
-    --buttonCounter-danger-bgColor-rest: #b761001a;
+    --buttonCounter-danger-bgColor-disabled: #bd561d0d;
+    --buttonCounter-danger-bgColor-rest: #49020233;
+    --buttonCounter-danger-fgColor-rest: #db6d28;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #db6d2880;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
@@ -178,14 +186,12 @@
     --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: #d47616;
-    --fgColor-danger: #d47616;
-    --fgColor-open: #ec8e2c;
+    --fgColor-severe: #db6d28;
+    --fgColor-danger: #db6d28;
+    --fgColor-open: #f0883e;
     --fgColor-closed: #8b949e;
     --fgColor-done: #a371f7;
     --fgColor-sponsors: #db61a2;
@@ -201,12 +207,12 @@
     --bgColor-success-emphasis: #1f6feb;
     --bgColor-attention-muted: #bb800926;
     --bgColor-attention-emphasis: #9e6a03;
-    --bgColor-severe-muted: #d476161a;
-    --bgColor-severe-emphasis: #b76100;
-    --bgColor-danger-muted: #d476161a;
-    --bgColor-danger-emphasis: #b76100;
-    --bgColor-open-muted: #d4761666;
-    --bgColor-open-emphasis: #b76100;
+    --bgColor-severe-muted: #db6d281a;
+    --bgColor-severe-emphasis: #bd561d;
+    --bgColor-danger-muted: #db6d281a;
+    --bgColor-danger-emphasis: #bd561d;
+    --bgColor-open-muted: #db6d2866;
+    --bgColor-open-emphasis: #bd561d;
     --bgColor-closed-muted: #6e768166;
     --bgColor-closed-emphasis: #6e7681;
     --bgColor-done-muted: #a371f726;
@@ -225,65 +231,65 @@
     --borderColor-success-emphasis: #1f6feb;
     --borderColor-attention-muted: #bb800966;
     --borderColor-attention-emphasis: #9e6a03;
-    --borderColor-severe-muted: #d4761666;
-    --borderColor-severe-emphasis: #b76100;
-    --borderColor-danger-muted: #d4761666;
-    --borderColor-danger-emphasis: #b76100;
-    --borderColor-open-muted: #d4761666;
-    --borderColor-open-emphasis: #d47616;
+    --borderColor-severe-muted: #db6d2866;
+    --borderColor-severe-emphasis: #bd561d;
+    --borderColor-danger-muted: #db6d2866;
+    --borderColor-danger-emphasis: #bd561d;
+    --borderColor-open-muted: #db6d2866;
+    --borderColor-open-emphasis: #db6d28;
     --borderColor-closed-muted: #6e768166;
     --borderColor-closed-emphasis: #6e7681;
     --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: #ec8e2c;
-    --ansi-fgColor-redBright: #fdac54;
-    --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: #ec8e2c;
-    --prettylights-syntax-string: #a5d6ff;
-    --prettylights-syntax-variable: #fdac54;
-    --prettylights-syntax-brackethighlighterUnmatched: #d47616;
-    --prettylights-syntax-invalidIllegalText: #f0f6fc;
-    --prettylights-syntax-invalidIllegalBg: #6c3906;
-    --prettylights-syntax-carriageReturnText: #f0f6fc;
-    --prettylights-syntax-carriageReturnBg: #914d04;
-    --prettylights-syntax-stringRegexp: #a5d6ff;
-    --prettylights-syntax-markupList: #f2cc60;
-    --prettylights-syntax-markupHeading: #1f6feb;
-    --prettylights-syntax-markupItalic: #c9d1d9;
-    --prettylights-syntax-markupBold: #c9d1d9;
-    --prettylights-syntax-markupDeletedText: #ffe2bb;
-    --prettylights-syntax-markupDeletedBg: #4e2906;
-    --prettylights-syntax-markupInsertedText: #cae8ff;
-    --prettylights-syntax-markupInsertedBg: #0c2d6b;
-    --prettylights-syntax-markupChangedText: #ffe2bb;
-    --prettylights-syntax-markupChangedBg: #4e2906;
-    --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: #f0883e;
+    --color-ansi-red-bright: #ffa657;
+    --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: #f0883e;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #db6d28;
+    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #762d0a;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #9b4215;
+    --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: #ffdfb6;
+    --color-prettylights-syntax-markup-deleted-bg: #5a1e02;
+    --color-prettylights-syntax-markup-inserted-text: #cae8ff;
+    --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
+    --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 */
@@ -327,26 +333,26 @@
     --color-scale-yellow-7: #693e00; /* Avoid using scales, use other functional tokens instead */
     --color-scale-yellow-8: #4b2900; /* Avoid using scales, use other functional tokens instead */
     --color-scale-yellow-9: #341a00; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-0: #ffe2bb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-1: #ffc981; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-2: #fdac54; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-3: #ec8e2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-4: #d47616; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-5: #b76100; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-6: #914d04; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-7: #6c3906; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-8: #4e2906; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-9: #331c04; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-0: #ffe2bb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-1: #ffc981; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-2: #fdac54; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-3: #ec8e2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-4: #d47616; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-5: #b76100; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-6: #914d04; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-7: #6c3906; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-8: #4e2906; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-9: #331c04; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-0: #ffdfb6; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffc680; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #ffa657; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #f0883e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #db6d28; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #bd561d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #9b4215; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #762d0a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #5a1e02; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #3d1300; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #ffdfb6; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffc680; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffa657; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #f0883e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #db6d28; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #bd561d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #9b4215; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #762d0a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #5a1e02; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #3d1300; /* Avoid using scales, use other functional tokens instead */
     --color-scale-purple-0: #eddeff; /* Avoid using scales, use other functional tokens instead */
     --color-scale-purple-1: #e2c5ff; /* Avoid using scales, use other functional tokens instead */
     --color-scale-purple-2: #d2a8ff; /* Avoid using scales, use other functional tokens instead */

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

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